1

の使用に問題がありnth-child(n)ます。私がそのようなリストを持っているとしましょう：

<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

そしてスタイル：

li {
  margin: 0 10px 0 0;
}
li:nth-child(6n+6) {
  margin: 0;
}

何らかの理由で、このような組み合わせは4 つの要素margin: 0ごとに設定されます。li私が達成しようとしているのは、このゼロ マージンを 6 分の 1 ごとに設定することですli。私のcssがどのように見えるべきか教えてください。

4

2 に答える 2

5

6n+6つまり、6から開始し、その時点から6つおきに実行するため6n、この状況では使用するだけで同等です。

li:nth-child(6n) {
    margin: 0;
}

また、このリソースは役立つ場合があります：http: //css-tricks.com/examples/nth-child-tester/

これがうまくいかない場合は、セレクターが間違っています。body > ul > li:nth-child(6n)またはのようなより具体的なものを使用してbody > ul > li:nth-of-type(6n)、6番目ごとのli要素のみを選択します。

于 2012-10-20T23:20:42.000 に答える
1

http://jsfiddle.net/6F37a/に示されているように、実際には6番目のみを対象としています+6（冗長ですが）

おそらく別のルールはマージンを台無しにすることです。

于 2012-10-20T23:22:35.807 に答える