CSS - 选择第三个DL

Question

我的标记是

<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;
}

任何想法？

谢谢

Answer 1

使用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;
}