select - 特定のIDを持つ最後の子を選択する

Question

だからここにあるものがあります：

<div id="wrapper" > <div id="x"></div ><div id="x"></div ><div id="x"></div><div id="y"></div>
</div>

では、ラッパー内でyではなくid = xの最後のdivを選択するにはどうすればよいですか？申し訳ありませんが、コードが表示されるようにペースを調整する方法がわかりません。

Answer 1

ID は一意であるため、それを選択するには、使用する必要があります

#x {}

なぜ複数のIDを使用しているのか疑問に思いますが、おそらくクラスの方が良いでしょうか?

編集 コードを貼り付けたことに気づきました。

ID をそのまま使用するべきではありません。ID を次のように置き換えるクラスを使用する必要があります。

class="x"

最新のブラウザーの場合のみ、最後のタイプのセレクターを使用できます

.x:last-of-type

IE6に戻る場合は、いつでも最後のようにクラスを追加してから選択できます

class="x last"

.x.last {}

質問のために編集

ラッパー選択を使用するには、それをセレクターの前に追加します。

#x .x.last {
    /** css goodness here **/
}