css选择符权重,css层叠性

    技术2025-08-10  9

    选择符的权重问题:

    内联样式表(1000)>id选择符(100)>class选择符(10)>标签选择符(1)

    伪类选择器权重为10

    包含选择符权重等于权重之和 eg:#box div{} 100+1=101

    群组选择符权重是不会发生变化的,保持原来的权重值

    !important权重最高

    css层叠性?:权重!!!

    产生权重关系,必然体现css得层叠性。

    0、!important最重要的样式

    1、内联>内部/外部,内部和外部与书写顺序有关

    2、选择符权重:id>calss/伪类>标签

    3、开发者样式权重>用户样式>浏览器样式

    4、当权重相同的时候,后写的样式会覆盖前面的样式

    如果感觉对自己有帮助,麻烦点一下关注,会一直和大家分享知识的,谢谢!!!

    Processed: 0.014, SQL: 9