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

HTML – 有伪元素继承父母背景颜色,第1张

概述我有几个与不同的父div相关的伪元素.所有这些div都有不同的背景颜色,我想在伪元素之前和之后继承父div的背景颜色.我也希望不使用JS而只使用CSS.我尝试将before和after元素的背景设置为继承,但它们只是显示透明. 您可以在伪元素上使用background:inherit: #mydiv:after { background: inherit;} jsFiddle Demo 我有几个与不同的父div相关的伪元素.所有这些div都有不同的背景颜色,我想在伪元素之前和之后继承父div的背景颜色.我也希望不使用Js而只使用CSS.我尝试将before和after元素的背景设置为继承,但它们只是显示透明.解决方法 您可以在伪元素上使用background:inherit:

#mydiv:after {  background: inherit;}

jsFiddle Demo

总结

以上是内存溢出为你收集整理的HTML – 有伪元素继承父母背景颜色全部内容,希望文章能够帮你解决HTML – 有伪元素继承父母背景颜色所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1045626.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-24
下一篇 2022-05-24

发表评论

登录后才能评论

评论列表(0条)

保存