最新消息:你必须穷尽一生磨练技能,这就是成功的秘诀,也是让人家敬重的关键。

请不要忘了,有一个值叫 inherit

表现 练小习 3评论

请不要忘了,有一个值叫 inherit

下午在写组件的时候瞄了一眼qq群,看到有个哥们在问一道css的问题,他的问题如下图

红圈部分超出主体的部分,他是用伪元素写的,通过border和背景色,与最后一行的一个单元格融为一体。

但是表格是隔行换色的,如何让这个伪元素始终与这个单元格的背景色保持一致。

群里很热心,有人提供了js计算当前奇偶数的方法来赋值,有人提供js获取当前单元格背景色的方式赋值。

我悄悄问了一句,你为什么不继承哪?

background-color: inherit;

看来这个值被忽略的有点惨….

提示:你可以先修改部分代码再运行。

转载请注明:练小习的前端技术笔记 » 请不要忘了,有一个值叫 inherit

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (3)

  1. background-color有inherit这个值,但这个值是 false,子元素不能继承父元素的这个属性值。
    庚心6个月前 (05-16)回复
    • 你可能理解错了,背景色是不会自动继承的属性之一,所以他的默认inherit是false。 但是手动inherit是可以让子元素继承的,不然demo里是怎么继承的哪?
      练小习6个月前 (05-16)回复
      • 习大大厉害了
        么么5个月前 (06-12)回复