html - 特定のクラスを持つ最後の要素を選択する

Question

特定のクラスを持つ最後の要素を選択することは可能ですか?

例えば：

<div id="wrapper">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item">Select</div>
    <div class="item1"></div>
</div>

したがって、この例では、最後のクラス要素を選択します.item。

その要素に追加のクラスを追加できることは知っていますが、css のセレクターだけでこれを行うことができるかどうか疑問に思っています。

jsフィドル

私がすでに試したこと：

1. ：過去
2. ：最後の子
3. :last-type-of

Answer 1

ドキュメントを見る

E:nth-last-child(n) E 要素、その親の最後の子から数えて n 番目の子

http://www.w3.org/TR/css3-selectors/#selectors

さて、あなたの場合

div.item:nth-last-child(1)

Answer 2

:last-child を使用できますが、使用している jsfiddle では

.item:last-child
{
    background: red;
} 

使用する

#wrapper :last-child
{
    background: red;
}

ただし、最後の子が実際にコンテナー内の最後の要素でない限り、それが機能するかどうかはわかりません

あなたはjqueryを試すことができます

$(".item").last().css( "background-color", "red" );

Answer 3

#wrapper .item:last-child
{
background: red;
}

それを行う前に、最後の項目クラスitem1を に変更してitemください。それでおしまい