css选择符权重,css层叠性

选择符的权重问题:

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

伪类选择器权重为10

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

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

!important权重最高

css层叠性?:权重!!!

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

0、!important最重要的样式

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

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

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

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

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

posted @ 2020-03-20 10:39  飘逸_winxin  阅读(128)  评论(0编辑  收藏  举报