2.8-CSS基础--优先级、权重

秋枫 ~

已于 2022-07-27 19:38:14 修改

阅读量128

点赞数 1

分类专栏： CSS 文章标签： css 前端

于 2022-07-26 14:05:34 首次发布

本文是秋枫 ~原创文章，转载请附上博文链接！

本文链接：https://blog.csdn.net/weixin_43472938/article/details/125992726

版权

CSS 专栏收录该内容

25 篇文章 1 订阅

订阅专栏

1.优先级

优先级公式

继承 < 通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important

注意

!important写在属性值的后面，分号前面。

!important不能提升继承的优先级。

<style>
    /* 5.id选择器 */
    #one {
        color: skyblue;
    }
    /* 4.类选择器 */
    .son {
        color: orange;
    }
    /* 3.标签选择器 */
    p {
        color: blue;
    }
    /* 2.通配符选择器 */
    * {
        color: green;
    }
    /* 1.继承 */
    .father {
        color: blue;
    }       
    </style>
</head>
<body>
    <div class="father">
        <p class="son" id="one" style="color: pink;">我是一个标签</p>
    </div>
</body>