特殊性(Specificity),又称作:优先级、特异性,即浏览器对应用到同一个元素的同种声明的重视程度。选择器的特殊性由选择器的组成确定。特殊性质表述为 4 个数字组成的统一的部分,如: [0,0,0,0]。比较特殊性值表时,同索引左侧位数较大者特殊性高,如 [1,0,0,0] 大于 [0,99,0,0]
-
重要性声明的特殊性总是胜过非重要性声明(!important 力压群雄)
-
对于行内样式,特殊性值表加:[1,0,0,0]
-
对于 ID 选择器,加:[0,1,0,0]
-
对于类选择器,属性选择器,或是伪类,加:[0,0,1,0]
-
对于标签选择器和伪元素选择器,加:[0,0,0,1]
-
通配选择器、子代选择器、相邻选择器、同胞选择器会给特殊性值表加:[0,0,0,0](不等同于不增加,这点在后面有辨析)
试着比较一下 #container .card .card-body a.graph:hover:active、#container #card-graph-con a.graph:hover 这两个个选择器的特殊性吧?
如果您觉得本文的内容对您的学习有所帮助:
关键字:
css