《css权威指南》笔记3

层叠样式表按来源权重，特殊性，规则出现先后，来最终确定规则的应用。

权重和来源

重要性

例如，p.dark{color:red !important; background:white !important;}
注意， !important 要放在声明最后，分号前，多个关键字的属性如font必须放在最后，否则font声明会无效。

权重、来源

由大到小：
1.读者的重要声明
2.创作人员的重要声明
3.创作人员的正常声明
4.读者的正常声明
5.浏览器（用户代理）声明

选择器的特殊性

表述为4个部分 0 , 0，0 , 0 （注意，0 , 0，1 , 0 大于 0 , 0，0 , 13）

• 选择器中给定的：
  • id属性 特殊性为 0，1 , 0，0
  • 类属性、属性选择、伪类 特殊性为 0 , 0，1 , 0
  • 元素、伪元素 特殊性为 0 , 0，0 , 1
  • 通配符*的特殊性为0 , 0，0 , 0（注意，继承无特殊性，通配符>继承）
  • 内联样式的特殊性为1 , 0，0 , 0

顺序

如果两个规则权重，来源，特殊性相同，在样式表中后出现的一个会胜出。
注意，文档样式表中包含的规则>导入的规则。

例子，考虑顺序，链接样式一般为以下顺序 L-V-H-A。

:link{color:blue;}
:visited{color:purple;}
:hover{color:red;}
:active{color:orange;}

另外，非CSS表现提示，如<font>元素,特殊性0，作者、读者样式可覆盖，浏览器样式不能覆盖。