Question

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

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

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

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

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

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

Answer 1

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

所以没有类的嵌套。

这意味着在CSS中，元素匹配选择器.Item1和选择器.Item2。

在给出的示例中，将考虑这两个规则，并且任何冲突都将通过cascade的常规规则来解决。其他条件相同（例如，在作者样式表中有一个规则，而在用户样式表中有另一个规则，或者在@media规则中有一个规则），则分配一个冲突两个规则中属性的值将被解析为有利于稍后指定的规则。决议是财产，而不是整个规则;所以在示例中，将始终应用设置border的声明（除非被这两个规则之外的内容覆盖）。

这堂课是一堂课吗？

1 个答案: