:nth-child()选择器的层级嵌套问题
2021-09-09 本文已影响0人
安北分享
可以尝试后代选择器加上 >div:nth-child(）进行解决，所选的子元素下的所有子元素被选择的问题：
.main >div:nth-child(odd){
padding: 0 .1rem .1rem .1rem;
}
.main >div:nth-child(even){
padding: 0 0 .1rem .1rem ;
}
<div clas="main">
<div>
<div></div>
<div></div>
</div>
<div>
<div></div>
<div></div>
</div>
<div></div>
<div></div>
</div>
