css - CSS-选择第三个DL

我的标记是

<div class="gallery">
 <dl class="item">content 1</dl>
 <dl class="item">content 2</dl>
 <dl class="item">content 3</dl>

 <br style="clear: both">

 <dl class="item">content 4</dl>
 <dl class="item">content 5</dl>
 <dl class="item">content 6</dl>
</div>

现在，我想在列表中选择第三个DL。内容3和内容6，但是此CSS仅选择内容3，而不选择内容6。“ dl”之间的“ br”会使某些内容损坏。

.gallery :nth-child(3) {
    margin-right: 0;
}

有任何想法吗？

谢谢

最佳答案

使用dl:nth-of-type(3n)代替排除br：

.gallery dl:nth-of-type(3n) {
    margin-right: 0;
}

或者，使用另一个:nth-child()规则对之后的下一个dl应用间隙，并删除该br，因为它不是必需的：

.gallery dl:nth-child(3n) {
    margin-right: 0;
}

.gallery dl:nth-child(3n+1) {
    clear: both;
}

关于css - CSS-选择第三个DL，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13323750/