CSS学习之css层叠规则

爱喝水的qdy

于 2019-12-23 17:08:43 发布

阅读量188

点赞数

分类专栏： CSS3 文章标签： css css3 层叠规则

本文链接：https://blog.youkuaiyun.com/qq_32617703/article/details/103669030

版权

CSS3 专栏收录该内容

9 篇文章

订阅专栏

本文深入探讨CSS层叠规则，包括权重、特殊性及继承原则。解析如何解决样式冲突，阐述了不同声明类型的重要性，以及如何确定最终应用的样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

css层叠

这是针对多个规则中声明冲突的情况，如果都是不同类型的声明，那么直接应用即可，无需比较选取

css层叠分为两种情况：一，选中的；二，继承的。

选中的大于继承的

# 15.1 选中的
    1. 权重以及来源
       分为5个级别（从大到小）
       1. 读者的重要声明（!important）
       2. 创作人员的重要声明
       3. 创作人员的正常声明
       4. 读者的正常声明
       5. 用户代理的声明
    2. 特殊性(数数)
        0  0  0  0
        1. 最左的为内联样式
        2. 紧接着为id选择器
        3. 接着为class选择器、属性选择器或者伪类选择器
        4. 最后为元素选择器、伪元素选择器
        5. 通配选择器对特殊性没有贡献，为0
        6. 结合符没有特殊性
        7. 0比没有特殊性强
        8. !important没有特殊性
        9. 继承没有特殊性
    3. 顺序
        后来者居上
        
# 15.2 继承的
    1. 看谁描述得近
    2. 如果一样近，比较特殊性
    3. 后来者居上