2009-05-27 15 views
6

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

答えて

14
.class1.class2 {color:red} 

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

またはIE7-jsをインストールして:最後の子は "ただ働き" ます。あなたは

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

をお持ちの場合は

+0

このような複数のクラスセレクタに関しては、IE6が壊れていることに注意してください。 http://www.ryanbrill.com/archives/multiple-classes-in-ie/詳細を説明し、回避策があります。 – Quentin

+0

IE7-jsライブラリも回避策であり、first/last-childも有効にしています。大好きです。 – SpliFF

3

あなただけ

div.element 
{ 
    // styles effect both divs 
} 

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

を行うことができ、複数のクラス名で1つ注意する余分なことは、IE6は、それらを適切に処理できないということです。

.class1.class2 {color:red} => .class2 in IE6 
関連する問題