CSS的特殊性

2019独角兽企业重金招聘Python工程师标准>>>

• 对于选择器中给定的各个ID属性,加 0,1,0,0
• 对于选择器中给定的各个类属性值,属性选择或伪类,加 0,0,1,0
• 对于选择器中给定的各个元素和伪元素,加 0,0,0,1
• 结合符和通配符选择器对特殊性没有贡献

例:

h1 {color: red;} /* 0,0,0,1*/

p em {color: purple;} /* 0,0,0,2*/

.grape {color: purple;} /* 0,0,1,0*/

*.bright {color : yellow;} /*0,0,1,0*/

#id216 {color: blue;}/* 0,1,0,0*/

div#sidebar  *[href] {color:silver;} /*0,1,1,1*/

• 内联声明的特殊性都是 1,0,0,0
• 重要性: !important

A标签链接:LVHA:

  :link {color: blue;}

  :visited {color:purple;}

  :hover {color: red;}

  :active {color: orange;}

转载于:https://my.oschina.net/langgege/blog/1501639