<head>
<style type="text/css">
.aa div p{ width:200px; height:200px; background:blue; }
.bb{ width:100px; height:100px; background:red; }
</style></head><body>
<div class="aa">
<div>
<p class="bb"></p>
</div>
<div>
<p></p>
</div>
</div></body>
css选择器优先级<----传送门
.aa div p的优先级比.bb高。
然后你可以再研究些一手资料。