Html 让伪元素继承父元素的背景色

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

您可以对伪元素使用

background:inherit

：

#mydiv:after {
  background: inherit;
}

---

但是伪元素被视为容器元素的子元素，因此默认情况下它的背景类似于父元素。看这个@avrahamcool不是真的。除非指定

inherit

作为

background

属性，否则伪元素将是透明的：除非他将伪元素定位在父元素之外，否则BG颜色继承应具有与默认颜色继承相同的效果。（您使用BG图像创建了一个示例）我正在psuedo元素上使用绝对位置。