CSS选择符的权重


CSS选择符的权重

目录


css选择符权重

css选择器权重列表

选择器		权重
内联样式		1000
ID			0100
CLASS		0010
属性选择符	0010
TAG			0001
伪元素		0001
伪类			0001
inhref		0000
群组选择符	不变
后代选择符	相加

CSS选择符冲突处理

1、权重不同:选择符的css发生冲突时,拥有高权值的css选择符将会显示

2、权重相同:选择符权重一样,将会按照加载顺序进行覆盖(就近原则)

3、aa:link同时存在时,以a:link优先,注:使用a的伪类时,需要四个伪类(a:linka:hovera:activea:visited)同时使用

4、!important的权重为正无穷


文章作者: hn-failte
文章链接: https://failte.cn
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 hn-failte !
评论
 上一篇
1ink与@import的区别 1ink与@import的区别
1ink与@import的区别 目录 1ink与@import的区别 差别1:归属关系的差别 差别2:加载顺序的差别 差别3:兼容性的差别 差别4:使用dom控制样式时的差别 1ink与@import的区别 差别1
2018-02-13
下一篇 
有趣的list-style 有趣的list-style
有趣的list-style 目录 一、list-style-type 1、CSS2.0 2、CSS2.1 的值 二、list-style-position 1、书写格式 2、可能的值 三、list-style-i
2018-02-12
  目录