![]() |
1
8
级联的工作方式如下:
在这里,
|
![]() |
2
6
了解CSS的特殊性:
http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html
从本质上讲,第一个选择器比第二个选择器更具体,因此它具有优先权。这与CSS中的自上而下顺序无关。只有当两个选择器都具有相同的特定性时,自上而下顺序才适用。 |
![]() |
3
6
选择器规则:计算专用性 样式表还可以根据其特定性级别覆盖冲突的样式表,在这种情况下,更特定的样式将总是胜过不太特定的样式。这只是一个计数游戏来计算选择器的特殊性。
最后,按正确的顺序写出三个数字,不带空格或逗号,得到三位数。(注意,您可能需要将数字转换为更大的基数,最终得到三位数。)与选择器相对应的数字的最终列表将很容易确定特定性,较高的数字胜于较低的数字。以下是按特定性排序的选择器列表:
在你的例子中
|
![]() |
4
2
你可以具体解释一下。 这样想:
因此,topnav li更为具体,因此获得优先权。 当然是层叠和内在,甚至是使用!important可以对CSS产生其他影响,但在这种情况下,topnav li更为具体 |
![]() |
5
1
|
![]() |
6
0
使用:
或
|
![]() |
7
0
我不确定,虽然我怀疑,第一条规则是否优先,因为它被应用于一个特定的元素(在本例中是li)。第二条规则理论上可以应用于任何ID为last nav的元素。 具体规则可能正在发挥作用: http://www.w3.org/TR/CSS2/cascade.html#specificity 现代浏览器可能会让您摆脱:
浮动:右; } …达到你想要的结果。 HTH公司, 克 |
|
Jamie · 在CSS链接的文件名中添加Jinja占位符 6 月前 |
![]() |
Mass · 如何在Tailwind CSS v4中创建配置 6 月前 |
![]() |
magenta placenta · 将css变量合并为一个变量 6 月前 |
![]() |
ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位 6 月前 |
![]() |
john Rizzo · 按钮背景颜色、悬停和活动状态存在问题 7 月前 |