我对级联流和特异性的理解正确吗?

时间:2020-09-12 18:25:17

标签: html css

当元素的属性被赋予多个指定值时,以下将确定要应用的规则:在每个“部分”中,以编号最大的“源”为准。如果是平局,请转到下一部分。


层叠顺序部分:

按照层叠顺序,如果任何一个具有!important,则获胜。

  1. 用户代理样式表。 (当它和竞争对手都拥有!important;时,它赢了。)
  2. 用户。 (当它和竞争对手都拥有!important;时,它将赢得3分。)
  3. 作者

!重要部分:

如果规则中有!important,则获胜。


特性部分1:

如果规则是内联规则,则将获胜。


特异性部分2 :(当有多个选择器时,选择器编号最高的规则将获胜)。

  1. 类型选择器(elementpseudo-element
  2. classpseudo-classattribute-selector
  3. id选择器。

特性部分3:

具有最高数量的最高选择器的规则将获胜。


源订单第1部分:

在外部和内部样式表之间,显示最低的样式表获胜。


源订单第2部分:

样式表中最低的规则将获胜。

0 个答案:

没有答案