问在一个元素和特性中使用多个类
EN

Stack Overflow用户

提问于 2011-12-10 04:48:35

回答 1查看 14.6K关注 0票数 21

我只是想知道，当您在一个元素上使用多个类时，比如class="foo bar"，这些类的设置如下：

.foo {
    margin-right: 10px;
}


.bar {
    margin-right: 0px;
}

哪个类将具有特异性？边距是10px还是0px？

发布于 2011-12-10 04:50:24

单个类名具有相同的权重。在这种情况下，第一个列出的规则将被第二个覆盖，因此元素将具有margin-right: 0px;

这里是一个使用color而不是边距的simple example，因为它更容易可视化。在bar中指定的值将由浏览器选择。

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8451522

复制

相似问题

问在一个元素和特性中使用多个类EN