91

重複の可能性:
CSSで特定のクラス名を持つ「最後の子」を選択するにはどうすればよいですか?

タイトルが言うように、私はcssルールを特定のクラスを持つ特定のタイプの最後の要素にアドレス指定したいと思います。次のコードは完全に機能します。

div:last-of-type { margin-right:0; }

でも私は

div.class:last-of-type { margin-right:0; }

これを行う方法 ?

4

2 に答える 2

82

残念ながら、最後のものを見つけること.classはできませんlast-of-type

編集:この回答に建設的なものを実際に追加するには、JavaScriptにフォールバックしてこのセレクターを見つけるか、マークアップ/CSSを修正します。クラスセレクターが役立つという状況に私は気づきましたlast-of-typeが、もう少し考えて回避できないことは何もありません。

于 2012-11-03T17:28:57.453 に答える
-3

nomarginをcssクラスにすると、簡単に変更できます。

var items = document.getElementsByClassName('nomargin');
items[items.length-1].style.color = 'black';
items[items.length-1].style.background = 'white';

または、十分なjQueryがない場合は、次を使用できます。

jQuery('div.nomargin:last').css({
    color:'black',
    background:'white'})
于 2012-11-03T17:43:02.890 に答える