html - 仅使用 css 选择第二个元素

Question

尝试仅使用 CSS 来选择第二个“左列”，更改 HTML 不是一个选项。 :nth-of-type(2) 正在选择两个 div 的

<div class="collection">

            <div class="column-left"> 
                    
            </div>

            <div class="column-left">

            </div>
</div>

Answer 1

使用nth-child()选择器得到想要的结果

将您的 CSS 更改为:

.column-left:nth-child(2) {
color: red; 
}

此链接将解释第 nth-child 选择器和 nth-of-type 之间的区别:

Link