有伪元素继承父母背景颜色

Question

我有几个与不同的父div相关的伪元素.所有这些div都有不同的背景颜色,我想在伪元素之前和之后继承父div的背景颜色.我也希望不使用JS而只使用CSS.我尝试将before和after元素的背景设置为继承,但它们只是显示透明.

Answer 1

您可以background: inherit在伪元素上使用:

#mydiv:after {
  background: inherit;
}