如何选择像class="boolean optional"
这样的类?
我已经尝试过了:
.boolean optional {CSS}
.boolean_optional {CSS}
发布于 2011-07-30 18:08:27
正如Zepplock所说,这实际上是单个属性中的两个类:boolean
和optional
。空格不是类名的一部分;它充当分隔符。
这三个选择器都会匹配它:
.boolean
.optional
.boolean.optional
最后一个选择器只选择这个元素,因为它有两个类。
在链接类选择器时永远不会包含空格,甚至不会这样:
.boolean .optional
因为这会选择包含在单独的.boolean
元素中的.optional
元素。
发布于 2011-07-30 18:08:29
这些不是带空格的类:)它们被称为多类选择器。
基本上,您只需要确保所有类名都是连接的(它们之间没有空格),并用点分隔即可。
.boolean.optional {
}
发布于 2011-07-30 18:11:16
类的名称实际上永远不会有空格。在您的示例中,这实际上是两个类:boolean
和optional
。
要将样式应用于同时包含这两个类的元素,构造为
.boolean.optional {
/* CSS */
}
然而,众所周知,IE6在这方面存在一些问题。有关已知异常的更多详细信息,请参阅this link。
https://stackoverflow.com/questions/6885013
复制