如何选择具有两个类名的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