html - 2 つのクラス名を持つ html 要素を選択するには?

Question

IE7 は :last-child 疑似セレクターをサポートしていません。最後の要素であることを示すクラス名を明示的に追加することを考えていますが、css ファイル内でこの要素を選択する方法がわかりません。誰でもこれを行う方法について何か考えがありますか?

score 14 · Accepted Answer

.class1.class2 {color:red}

と

<div class="class1 class2"></div>

またはIE7-jsをインストールすると、:last-child が「正常に機能する」ようになります。

score 3 · Accepted Answer

あなたが持っている場合

<div class="element"/>
<div class="element last"/>

あなたはただすることができます

div.element
{
   // styles effect both divs
}

div.last
{
    // style will only effect the second element and overides because lower in the css
}

score 0 · Accepted Answer

複数のクラス名について注意すべきもう1つの点は、IE6がそれらを適切に処理できないことです。リスト内の最後のクラス名のみが考慮されます。

.class1.class2 {color:red} => .class2 in IE6

3 に答える 3