CSS的特殊性(specificity)
特殊性是⼀个选择器"特殊程度"的数字表⽰。它可以描述成⼀个4个位置的点数串: 0.0.0.0 。为帮助理解,我们甚⾄可以将其看成⼀个四位的数值,数值越⼤的特殊性越⾼(例如:0.1.0.0(100)>0.0.1.2(12)),特殊性越⾼的属性会覆盖特殊性较低的属性.
⽤值表⽰:
每个内联样式(body)的特殊性为 1.0.0.0(1000)
每个ID选择器的特殊性为 0.1.0.0(100)
每个类或者伪类的特殊性为 0.0.1.0(10)
每个元素和伪元素的特殊性为 0.0.0.1(1)
好看的css代码
连接符和通配符为 0.0.0.0(0)
例如:
p a{color:red}
body * a{color:blue}
两者特殊性相同。
继承不具有特殊性,也就是说:继承特殊性⽐*还⼩,连0都没有(可以这样理解⽽已)。
例如:
*{color:red}
p{color:blue}
<p>I'm blue<b>I'm red</b></p>
浏览器中:p标签内aaaaaaa为蓝⾊,b标签内为红⾊。
写在HTML页⾯中的头部内联样式(style)会覆盖外链样式(link)中相同属性设定。
设定了!important(重要声明)的属性特殊性最⾼,也就是说⽐body内内联样式更⾼!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。