web-dev-qa-db-ja.com

CSS：.class：last-of-type [クラス、要素ではなく！]

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

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

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

しかし、私は次のようなものが欲しい

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

これを行う方法 ？

csscss3css-selectors
77
Sliq

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

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

67
amustill

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'})
0
NoBugs