css - 伪类选择器的上级只能写一个吗？

问题描述

问 题

我自己测试的时候
div div:nth-child(2){} 能显示样式
div div div:nth-child(2){} 不能显示样式

<div>
    <div>
        <div></div>
        <div>要显示样式的地方</div>
    </div>
</div>

解决方案

你在写什么?
div div div:nth-child(2){}
这样的html结构是

<div>
    <div>
        <div></div>
        <div></div> // 这里是:nth-child(2)
    </div>
</div>

div div:nth-child(2){} 结构是

<div>
    <div></div>
    <div></div> //这里是:nth-child(2)
</div>

完全不是一个东西啊？

这篇关于css - 伪类选择器的上级只能写一个吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！