0

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

例えば：

<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
4

3 に答える 3

0

ドキュメントを見る

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

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

さて、あなたの場合

div.item:nth-last-child(1)
于 2013-11-05T11:54:09.920 に答える
0

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

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

使用する

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

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

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

$(".item").last().css( "background-color", "red" );
于 2013-11-05T11:52:04.410 に答える
-3 
#wrapper .item:last-child
{
background: red;
}

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

于 2013-11-05T12:03:39.730 に答える