【问题标题】:How to remove :hover background from this linked image?如何从此链接图像中删除 :hover 背景?
【发布时间】:2013-11-07 07:53:58
【问题描述】:

在右侧边栏中here,如果您将鼠标悬停在 DMCA 图片上,您会看到出现黑色背景。

我很挣扎,因为我无法删除它,而不删除整个.aboutmesection a:hover{background-color:#000;color:#FFD700;},但我不想这样做。 我只是想删除此透明图像下显示的内容。

我也尝试过申请these solutions,但在这种特定情况下似乎不起作用。

有人知道解决这个问题的最佳方法吗?

【问题讨论】:

  • 给它一个 id 和特定的样式?
  • 我想避免为将来添加的所有图像提供特定的 ID。如果技术上可行,我希望它对“.sidebar”类中的所有图像都像这样工作。

标签: html css hover


【解决方案1】:

只需使用更具体的选择器将规则覆盖为不会改变悬停时背景的规则,f.e.

.aboutmesection .divaligncenter:last-child a:hover {
  background:none;
}

:last-child 因为你在.aboutmesection 中有两个 div .divaligncenter

【讨论】:

  • 谢谢。你的解决方案奏效了。所以如果我重命名这个div的类名,我可以去掉:last-child,对吧?
  • 是的。如果您想保留现有类的格式效果,或者只是添加另一个类。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-01-05
  • 1970-01-01
  • 1970-01-01
  • 2015-06-01
  • 2021-05-23
  • 2020-12-11
  • 1970-01-01
相关资源
最近更新 更多