首页 > 其他分享 >关于a标签未能继承父盒子color颜色

关于a标签未能继承父盒子color颜色

时间:2023-04-13 12:00:27浏览次数:31  
标签:颜色 color 标签 继承 盒子 div

<div>
    <a href="">www</a>
  </div>
div{
      color: red;
    }

从结构上来说肯定期望a标签能够继承div的color属性将文字的颜色设置为红色

但实际的网页表现为

image-20230413114948986

看上去并没有继承color

打开开发者工具查看后发现

image-20230413115036026

这里a标签继承的color被划掉了,因为继承的权重太低了为0甚至比浏览器默认样式还要低,所以a标签并没有继承的到颜色

标签:颜色,color,标签,继承,盒子,div
From: https://www.cnblogs.com/Zyatoer/p/17314172.html

相关文章