代码改变世界

CSS中class优先级问题

2013-01-23 11:20  Li Qian  阅读(1371)  评论(0)    收藏  举报

CSS中class样式的优先级（或者层叠效果）是根据class在<style>或者css文件中定义的顺序比较，而不是根据class应用的顺序，定义越靠后优先级越高；如

<html>
<style>
    .class1{
        color:red;
    }
    
    .class2{
        color:blue;
    }
</style>

<p class="class1 class2">abc</p>
<p class="class2 class1">abc</p>
<html>

两个都将显示蓝色。同理，引用的css文件越靠后，里面的class的优先级越高。