<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>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
css选择器优先级<----传送门
.aa div p的优先级比.bb高。
然后你可以再研究些一手资料。