《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,作者、读者样式可覆盖,浏览器样式不能覆盖。

IT文库 » 《css权威指南》笔记3
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址