css中id、class、style的优先级

最新推荐文章于 2022-11-18 08:42:01 发布

--大橙子--

最新推荐文章于 2022-11-18 08:42:01 发布

阅读量1k

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/zhangchen1987/article/details/52245317

版权

css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在写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。大家应该明白了吧。在编写代码的过程当中大家可要仔细喽。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

--大橙子--

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css中id、class、style的优先级

在写css样式的时候我们有没有发现，添加一个样式总是不生效，改来改去也不行，于是怀疑是缓存问题或是其它什么。程序员就是有种病，猜疑，呵呵，开个玩笑哦。下面就一个简单的例子来说明一下。<html><style type="text/css"> #div1 p{color:yellow;} .div2 p{color:blue;}</style><body><div id="
复制链接

扫一扫