css中id、class、style的优先级

来源:互联网 发布:上海正规驾校排名知乎 编辑:程序博客网 时间:2024/06/06 13:03

在写css样式的时候我们有没有发现,添加一个样式总是不生效,改来改去也不行,于是怀疑是缓存问题或是其它什么。程序员就是有种病,猜疑,呵呵,开个玩笑哦。
下面就一个简单的例子来说明一下。

<html><style type="text/css">    #div1 p{color:yellow;}    .div2 p{color:blue;}</style><body><div id="div1">    <div class="div2">        <p>中国奥运会</p>    </div></div></body></html>

上面一段代码运行过后,大家认为中国奥运会这几个字是什么颜色呢?答案是yellow。那么如果将其中的代码改为如下

<p style="color:red;">中国奥运会</p>

现在字体将会显示red了。
这说明优先级style>id>class。大家应该明白了吧。在编写代码的过程当中大家可要仔细喽。

0 0
原创粉丝点击