如何选择带空格的类

Question

我该如何选择一个类class="boolean optional"？

我试过这个:

.boolean optional {CSS}

.boolean_optional {CSS}

Answer 1

正如Zepplock所说,这实际上是一个属性中的两个类:boolean和optional.该空间不是类名的一部分; 它充当分隔符.

这三个选择器都将匹配它:

.boolean
.optional
.boolean.optional

最后一个选择器只选择这个元素,因为它有两个类.

在链接类选择器时,你永远不会包含空格,甚至不是这样的:

.boolean .optional

因为它选择.optional包含在单独.boolean元素中的元素.

在IE6中,`.boolean.optional`相当于`.optional`,请参阅http://stackoverflow.com/questions/3772290/css-selector-that-applies-to-elements-with-two-classes/3772305# 3772305 (3认同)

Answer 2

那些不是带空格的类:)它们被称为多类选择器.

您基本上只需要确保所有类名都已连接(它们之间没有空格)并用点分隔.

.boolean.optional {

}