0

子要素のスタイルを 4 つのグループで設定したいのですが、nth-childスタイルで使用する必要がある式は何ですか? 以下は、4 番目の要素ごとにスタイルを変更します。最初の 4 つの黒/白、2 番目の 4 つの白/黒などを使用したいです。

ul li:nth-child(4n) {
  background-color: black;
  color: white;
}
ul li:nth-child(4n+1) {
  background-color: white;
  color: black;
}
4

1 に答える 1

3

より良い方法がある可能性がありますが、これはうまくいくでしょう:

ul li:nth-child(8n+1),
ul li:nth-child(8n+2),
ul li:nth-child(8n+3),
ul li:nth-child(8n+4){
    background-color: black;
    color: white;
}

http://jsfiddle.net/UXgJD/

于 2013-05-14T18:55:20.650 に答える