簡単な修正があると信じているという問題があります。自分では修正がわかりません。
私はいくつかのdivを持っていると言います
<div class="box-1"></div>
<div class="box-2"></div>
<div class="box-3"></div>
<div class="box-4"></div>
等
これらのボックスを別の色にする必要がある場合。基本的に次のことを行うCSSを作成する必要があります。
.box-(odd-number) {
color:#000;
}
.box-(even-number) {
color:#fff;
}
明らかに、上記が正しい構文ではないことを私は知っています。誰かが私を正しい方向に向けることができますか?
ありがとう
nth-of-type
キーワードodd
とeven
:を組み合わせて、疑似クラスを使用できます。
.box:nth-of-type(odd) {
background-color:#000;
}
.box:nth-of-type(even) {
background-color:#fff;
}
.box {
display: inline-block;
width: 100px;
height: 100px;
border: 1px solid #f00;
}
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加