在CSS上覆盖父样式
发布于2022-11-21 22:00 阅读(1127) 评论(0) 点赞(13) 收藏(5)
我有以下情况。
我需要将网站上的所有链接自定义为橙色背景。
.have-all-links-orange a{
background-color: #F59522;
}
然而，当我这样做时，A 中的所有图像都具有相同的背景，我尝试了这个但没有成功
.have-all-links-orange a img{
background-color: transparent;
}
关于如何解决这个问题的任何想法？
更新
解决方案
问题：
因为img默认情况下是一个内联元素，因此会创建一个间隙并且vertical-align:baseline默认情况下具有。
解决方案
- 设置
display:block在img
.have-all-links-orange a {
background-color: #F59522;
}
.have-all-links-orange a img {
background-color: transparent;
display: block
}<div class="have-all-links-orange">
<a href="www.google.com">
<img src="https://www.google.com.pe/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png">
<br />
<a href="http://www.google.com">click here<a>
<div>所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/455691/6a1e53283db09d78648e/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力