(HTML,CSS)标签中color属性的默认属性值是否< a>为黑色?

rnmwe5a2  于 2022-12-20  发布在  其他
关注(0)|答案(3)|浏览(205)
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吗?我不知道是什么'正在发生。
我想知道标记中颜色属性的默认属性值不是蓝色。

rseugnpd

rseugnpd1#

  • “每个属性的初始值在属性定义中指明”[规范]。
  • color属性的initial值定义为CanvasText [规格]。
  • CanvasText的确切值可以“由用户、浏览器或操作系统”定义[规范]。

通常,CanvasText被定义为黑色或类似的深色,然而,如果用户将其浏览器和/或OS设置为深色模式,则CanvasText可以被定义为白色或类似的浅色。

kxeu7u2r

kxeu7u2r2#

color属性的initial值取决于浏览器(因此大部分为黑色)。Initial表示浏览器默认值,这就是此属性的定义方式。

sr4lhrrt

sr4lhrrt3#

由于a的父元素是绿色,因此unset会将颜色设置为绿色
unset将支持旧值 浏览器值
initial将全部设置为默认颜色(黑色)

相关问题