CSS选择器,选择具有两个类的元素(只选择这个元素)
可以通过直接正常类选择器的方式,连续写元素中的两个类既可以。如下:
.class1.class2 {
/* Styles */
}
注意:中间没有空格的哦!!!
案例代码:
<!---HTML代码-->
<div class="foo">Hello Foo</div>
<div class="foo bar">Hello World</div>
<div class="bar">Hello Bar</div>
<!---CSS样式-->
.foo.bar {
/* Styles for element(s) with foo AND bar classes */
}
注意:在IE6这样的古老的浏览器中,它不会正确读取链接的类选择器:无论您列出其他类,它只会读取最后一个类选择器(在本例中)。
不过现在都没啥人用ie6了吧,忽略就好了。