CSS悬停在图片上，即使它未包含在内

Question

这是我的HTML

<div class="homeimage">
  <%= link_to image_tag("resizelogo_2.png", alt: "XYZ logo") %>
</div>

这是相应的css

div.homeimage {
  margin-left: 85px;
}

This应该是它的样子。 This就像悬停在图像上一样。我假设在悬停时必须有某种默认设置？我知道我可以在类中使用.nohover，但只有在我明确地将鼠标悬停在类中时才需要它？我怎样才能摆脱悬停？

更新

<a href="https://MYc9USER.c9users.io/">
<img alt="XYZ logo" src="/assets/resizelogo_2-796d8a59a387f11e56e2d1edcc4d8443aaa4fead3f224b73e1d8a65e58281b06.png"></a>

Answer 1

html中的任何内容都可以具有悬停状态。 你必须先找出触发你想要摆脱的效果的内容。

您可以使用开发工具执行此操作。

一旦找到导致悬停的原因，您可以使用css覆盖它：

.classname:hover {
 color: pink;
}

Answer 2

删除在图像周围创建锚点的link_to。