Как выбрать HTML-элемент, который имеет два имени класса?

Question

IE7 не поддерживает: псевдо-селектор last-child. Я думаю о явном добавлении имени класса, чтобы обозначить его как последний элемент, но не уверен, как выбрать этот элемент в файле CSS. У кого-нибудь есть идеи, как это сделать?

Answer 1

.class1.class2 {color:red}

и

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

или установите IE7-js и: last-child будет "просто работать".

Answer 2

Если у вас есть

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

Answer 3

Еще одна вещь, о которой стоит упомянуть о нескольких именах классов, заключается в том, что IE6 не может обрабатывать их правильно. Будет учитываться только последнее имя класса в списке:

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