如何选择具有两个类名的html元素？

IE7 doesn't support :last-child pseudo selector. I am thinking of explicitly adding a class name to denote it as the last element but not sure how to select this element inside a css file. Anyone have any ideas on how to do this ?

IE7不支持:last-child伪选择器。我想明确添加一个类名称来表示它作为最后一个元素,但不知道如何在css文件中选择这个元素。任何人对如何做到这一点都有任何想法?

3 个解决方案

#1

.class1.class2 {color:red}

and

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

or install IE7-js and :last-child will "just work".

或安装IE7-js和:last-child将“正常工作”。

#2

If you have

如果你有

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

You can just do

你可以这样做

div.element
{
   // styles effect both divs
}

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

#3

One extra thing to note about multiple classnames is that IE6 can not handle them properly. It will only consider the last classname in the list:

关于多个类名的一个额外注意事项是IE6无法正确处理它们。它只会考虑列表中的最后一个类名:

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

#1

.class1.class2 {color:red}

and

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