body {
color: green;
}
.my-class-1 a {
color: inherit;
}
.my-class-2 a {
color: initial;
}
.my-class-3 a {
color: unset;
}
<ul>
<li>Default <a href="#">link</a> color</li>
<li class="my-class-1">Inherit the <a href="#">link</a> color</li>
<li class="my-class-2">Reset the <a href="#">link</a> color</li>
<li class="my-class-3">Unset the <a href="#">link</a> color</li>
</ul>
我正在MDN站点获取帮助。(https://developer.mozilla.org/ko/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance)
我看不懂的是my-class-2在css中的一个规则集,color属性的属性值设置为initial,initial value将应用到一个选中元素的属性值设置为那个属性的初始值,我看到的时候,属于. my-class-2类的标记文本颜色显示为black。标记中color属性的默认属性值不是blue吗?我不知道是什么'正在发生。
我想知道标记中颜色属性的默认属性值不是蓝色。
3条答案
按热度按时间rseugnpd1#
color
属性的initial
值定义为CanvasText
[规格]。CanvasText
的确切值可以“由用户、浏览器或操作系统”定义[规范]。通常,
CanvasText
被定义为黑色或类似的深色,然而,如果用户将其浏览器和/或OS设置为深色模式,则CanvasText
可以被定义为白色或类似的浅色。kxeu7u2r2#
color
属性的initial
值取决于浏览器(因此大部分为黑色)。Initial
表示浏览器默认值,这就是此属性的定义方式。sr4lhrrt3#
由于a的父元素是绿色,因此
unset
会将颜色设置为绿色unset
将支持旧值 浏览器值initial
将全部设置为默认颜色(黑色)