css样式优先级

最新推荐文章于 2022-05-31 10:36:38 发布

昆昆欧粑粑

最新推荐文章于 2022-05-31 10:36:38 发布

阅读量269

点赞数

分类专栏： HTML 文章标签： css样式优先级 css 优先级样式

本文链接：https://blog.csdn.net/likunkun__/article/details/84076034

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

css选择器的优先级关系

样式的优先级：标签里写的style最高，其他的按head里的style标签里写在最下面样式的优先级最高（就近原则）。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>优先级</title>

    另外写一个css文件就不用这样写了
    <style>
        .c1{
            background-color: red;
            color: white;
        }
        .c2{
            background-color: blue;
            color: white;/*如果有重合，（c2）下面的优先级高*/
        }
    </style>
</head>
<body>
    样式的优先级：标签的style最高，之后的按上面的style标签里写在最下面样式的优先级最高
    <div class="c1 c2" style="color: pink;">李昆昆</div>
    <div class="c1">李昆昆</div>
</body>
</html>

结果是：