如何选择带空格的班级

2022-01-10 00:00:00 css-selectors html css

如何选择像 class="boolean optional" 这样的类?

How do I select a class like class="boolean optional" ?

我试过这个:

.boolean optional {CSS}

.boolean_optional {CSS}

推荐答案

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

As Zepplock says, that's actually two classes in a single attribute: boolean and optional. The space is not part of a class name; it acts as the separator.

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

These three selectors will all match it:

.boolean
.optional
.boolean.optional

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

The last selector only picks up this element as it has both classes.

你从不在链接类选择器时包含空格,甚至像这样:

You never include a space when chaining class selectors, not even like this:

.boolean .optional

选择 .optional 元素,这些元素包含在单独的 .boolean 元素中.

As that selects .optional elements that are contained within separate .boolean elements.

相关文章