当您指定多个类时,会使用哪个类?

时间:2013-03-25 20:49:11

标签: html css

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

例如:

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

使用CSS:

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

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

3 个答案:

答案 0 :(得分:4)

使用您指定的所有课程。

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

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

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

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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

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