html - 当您指定多个类时，会使用哪个类？

Question

如果您有一个分配了两个类的元素，并且这两个类的 CSS 在某些方面存在分歧，那么会使用哪个？有没有办法控制使用哪个？

例如：

<p class='red small'>Some Text Here</p>

使用 CSS：

.red { color:#ff0000; font-size:200%; }
.small { font-size:50%; }

很明显我的文字会变成红色，但它会是什么大小？是否有一种跨浏览器的方式来控制它？

Answer 1

您分配的所有课程均已使用。

在属性值冲突的情况下，优先考虑最具体的一个，或者如果具体情况相同，则优先考虑最后一个。

所以就像你使用这个类一样：

.redAndSmall {
    color:#ff0000;
    font-size:50%;
}

大多数情况下，一个好的设计不会有问题，因为你的类会有不同的含义。

Answer 2

50%，因为它取决于你的 CSS 的顺序。class属性中的顺序被忽略。

Answer 3

css中使用了级联，首先如果找不到，它将应用您的内联样式，然后从头部应用样式，如果没有找到样式，则从外部文件中应用，如果没有外部文件，则它将采用浏览器默认样式属性。