我有一个问题,关于CSS选择器在父子之间是如何工作的,哪一个会优先于另一个。
<div class="red">
<div class="blue">
<div class="green">
</div>
</div>
</div>
如果您有这样的情况,那么请按照以下步骤操作:
.red .green{
border: 1px solid red;
}
.blue .green{
border: 1px solid blue;
}
哪个会生效?覆盖CSS样式需要和你要覆盖的选择器一样具体吗?
.red .green
和.blue .green
吗?否则你会将第一个样式应用于.red
和.green
,第二个样式应用于.blue
和.green
。 - Dom