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

Question

如果您有一个元素分配有两个类，而这两个类的 CSS 在某些方面不一致，那么使用哪个？有没有办法控制使用哪个？

例如:

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

使用 CSS:

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

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

Answer 1

您分配的所有类(class)都会被使用。

在属性值冲突的情况下，优先考虑 most specific one或者如果特性相同，则为最后一个。

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

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

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