#head p与#head p.head与.head说明
#head p p是head这个容器内的标签样式
#body p这种选择符写法的意思就是,id为body的容器中的p标签的样式
所以外面必须有个id为body的容器,这个容器可以是div,p,td等等你用什么都可以的
<div id="body"><p>0000000</p></div>
或者
<p id="body"><p>0000000</p></p>
或者
<td id="body"><p>0000000</p></td>
或者
<span id="body"><p>0000000</p></span>
等等都可以的,不知道你明白了没有。
例:
#head p{
color:red;
}
<div id="head">
<p>000</p>
</div>
最后的显示结果为:000
#head不用多说,直接用id等于就好了
----------------------
p.head是html中的标签p内一个class为head的样式,这个写法只能在如下的形式中使用,也就是说只能在p标签内使用
<p class="head">022</p> 在这里有效果
<h1 class="head">022</h1>在这里使用没有效果
.head是直接定义的一个名子为head的类,可以在任何地方任何标签内使用
上一篇:CSS编写规范:模块化CSS