CSS 关于权重的另类解说

众所周知,对于CSS中权重的顺序,从大到小依次如下:

  • !important
  • id
  • class
  • 标签

在html标签中写入行内样式style,又大于link引入。相同类型的样式标记,在数量上多的大于数量少的,!important也不例外
但还有另外一种特例,例如宽度(width),即使对width定义了*别的!important,一旦一个class对其宽度做了最大限制,即max-width,最终也是class完胜。
所以说,以上列举的顺序并不能完全决定一个节点的最终样式
在传统的解说中,一般会以数字的形式表示权重,造成的误解就是,以为11个class可以大于1个id

另类解说

通过以上的大众说明,从另一个角度对其进行解释,如下:

决定一个节点最终采用哪种样式,取决于两方面,称其为等级压制和属性压制,并且在属性压制存在的情况下,该属性无视等级

对应到游戏中,很容易理解,在同样装备和属性下,等级越高可以无视等级低的攻击,但在某个特定属性上,等级高的还是会输给等级低的

可喜的是,这种特定属性并不多,列举如下:

  • max-*
  • min-*
上一篇:Flink--DateSet的Transformation简单操作


下一篇:jquery-scrollstop