优先级问题

<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不支持子选择器