gpt4 book ai didi

CSS-Specificity 和 CSS Inheritance(具体问题)?

转载 作者:行者123 更新时间:2023-11-28 11:50:54 25 4
gpt4 key购买 nike

我非常感谢 CSS 规范的官方链接(和部分),它解释了如果:

.one two h1 {color:green;font-family:arial;}  /*case 1 */
.one two h1 {color:blue;} /*case 2*/

将导致(当被浏览器评估时)

.one two h1 {color:blue;font-family:arial;}  /*case 3*/

或者会是:

.one two h1 {color:blue;}  /*case 4*/

==>我已经阅读了很多关于继承、特异性、级联等的内容,但对于给定的示例,我仍然没有找到适用于此处的规则。

关于特异性,两个元素在特异性上是相等的:然而 case2 将“获胜”,因为它是相等的特异性但最后一个(!!)声明(=最特异性)。但是特异性是否总是适用于定义了所有属性的整个选择器。或者仅针对“竞争”中的属性(并在两者中声明)。

谢谢!!!!

最佳答案

它将是.one two h1 {color:blue;font-family:arial;}/*case 3*/

http://www.w3.org/TR/CSS2/cascade.html#cascading-order

“最后,按指定的顺序排序:如果两个声明具有相同的权重、来源和特异性,则指定的后者获胜。导入样式表中的声明被认为在样式表本身中的任何声明之前。”

关于CSS-Specificity 和 CSS Inheritance(具体问题)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2652565/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com