我想將樣式應用于框，但不是 3 的倍數（框 3、6、9、12.... 不應設定樣式）
否則我該怎么做。僅設定 3 的倍數的框（框 3、6、9、12.... 僅應設定樣式）
下面的代碼片段僅適用于第一個 x 框。
.box {
display: inline-block;
background-color: #ffff00;
height: 60px;
width: 60px;
}
.box:not(:nth-child(3)) {
background-color: #ff0000;
}<div class="ctr">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>uj5u.com熱心網友回復：
采用:nth-child(3n)
.box {
display: inline-block;
background-color: #ffff00;
height: 60px;
width: 60px;
}
.box:not(:nth-child(3n)) {
background-color: #ff0000;
}<div class="ctr">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/454944.html