优先级问题
<div id="content">
<p>aaaaa</p>
<div class="bb">
<p>bbbb</P>
</div>
</div>
要求aaaaa是红色,bbbb是蓝色怎么办
如果这样写:
#content p{
color:red;
}
.bb p{
color:blue;
}
那么都会是红色,因为id的优先级高于class
方案是
#content > p{
color:red;
}---------这个>是指content的孩子,而不考虑子孙,但是IE6不支持子选择器