CSS那些事读书笔记1

  提到选择符,只知道类选择符合ID选择符,对选择符的优先权不是很清楚。下面,摘抄书上的示例:

  对属性设置!important关键字声明,提升属性的权重值。添加!important关键字声明的属性在优先级别是最高的。

  • 标签选择符、伪类及伪对象:优先级别积分为1。
  • 类选择符、属性选择符:优先级别积分为10。
  • ID选择符:优先级别积分为100。
  • style属性:优先级积分为1000。

  实例:

p{ color:blue; }

p .myColor{color:black;}

.myColor{color:yellow;}

#myColor{color:red;}

p=1

p .myColor=1+10=11

.myColor=10

#myColor=100

style="color:green;"=1000

颜色标注部分容易搞错,我一直以为是第二个标注的颜色优先级更高。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。