Question

我在一个项目中找到了以下

<div class="gadget_title gradient37 vertsortable_head">
  ...
</div>

我知道我可以将一个元素与一个类（单个）相关联（例如<div class='gadget'></div>，但是如何关联多个值（这意味着什么）？

如何使用css选择器进行选择？

Answer 1

您可以为HTML元素分配多个类，这些类将合并。

您不需要将所有类放在CSS选择器中，但如果您想确保该元素包含所有三个类，那么您必须。

可以像这样选择此元素

.gadget_title
{
    ...
}

OR

.gradient37
{
    ...
}

OR

.gadget_title.gradient37
{
    ...
}

OR

.gradient37.vertsortable_head
{
    ...
}

OR

.gadget_title.vertsortable_head
{
    ...
}

OR

.gadget_title.gradient37.vertsortable_head
{
    ...
}

具有多个值的html类属性（空格分隔）

1 个答案: