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

Question

如果你有一个分配了两个类的元素，并且两个类的CSS在某些事情上不一致，那么它会被使用吗？有没有办法控制哪一个被使用？

例如：

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

使用CSS：

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

显然，我的文字会显示为红色，但它的大小是多少？是否有跨浏览器控制方式？

Answer 1

使用您指定的所有课程。

如果属性值存在冲突，则优先级为most specific one，或者如果特征相同，则优先级为最后一个。

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

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

大多数情况下，好的设计都不会有问题，因为你的课程会有不同的含义。

Answer 2

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

Answer 3

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