1

我的标记是

<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。content 3content 6,但是这个 css 只选择content 3而不是content 6。“dl”之间的“br”使某些东西损坏。

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

有任何想法吗?

谢谢你

4

1 回答 1

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;
}
于 2012-11-10T16:28:41.223 回答