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>

ここで、リストの 3 番目の DL を選択します。content 3とcontent 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 に答える