css - 特定の div、n 番目の子を変更しますか?

Question

ここで問題があります。私divのコードでは、次のように 4 回言及されています。

<div class='box1'>
Hello 1
</div>
<div class='box1'>
Hello 2
</div>
<div class='box1'>
Hello 3
</div>
<div class='box1'>
Hello 4
</div>

このクラスにいくつか変更を加えたいのですdivが、最後の変更だけです。nth-class を動作させることができulません。動作させるにはテーブルを作成する必要があるようです。CSSのどこかに回避策を見つけて、コードを書き直さなくても機能するようにすることはできますか?

Answer 1

nth-child疑似クラスでこれを行うことができるはずです。このデモを見てみましょう: http://jsfiddle.net/m7uW7/2/