3

假设我在 html 页面中有一个 div 元素，如下所示。

<div class="Item1 Item2"></div>

Item1是类，其规则的规则可以使用以下语法定义。

.Item1 {
    width: 100px;
    height: 20px;
    border: 5px solid white;
}

Item2也称为类吗？我可以像普通课程一样应用它的风格吗？

.Item2 {
    width: 1px;
    height: 2px;
}
4

1 回答 1

3

该属性class="Item1 Item2"指定元素属于 classItem1和 class Item2。class根据定义，属性的值是一组由空格分隔的类名。类名的顺序并不重要。

所以没有类的嵌套。

这意味着在 CSS 中，元素同时匹配 selector.Item1和 selector .Item2。

在给出的示例中，两个规则都将被考虑在内，任何冲突都将通过cascade的正常规则来解决。其他条件相同（例如，在作者样式表中具有一个规则而在用户样式表中具有另一个规则，或者在规则中具有@media规则之一），将值分配给属性的冲突这两个规则都将被解决，以支持稍后指定的规则。该决议是通过财产，而不是整个规则；border因此在示例情况下，将始终应用设置的声明（除非被这两个规则之外的东西覆盖）。

于 2013-08-29T04:37:56.870 回答