2

我的问题是,当我将鼠标悬停在我的 div 上时,它不会将链接颜色更改为我想要的颜色。它只是保持默认的黑色。

我怎样才能做到这一点,当我将鼠标悬停在 thumbnail-cointainer div 上时,它会改变链接的颜色?

<div class="thumbnail-container">
    <a href="">Text Here</a>
</div>

CSS:

a {
  color: #000000;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #005580;
  text-decoration: underline;
}

.thumbnail-container {
  width: 220px;
  margin-top: 15px;
  margin-right: 20px;
  float: left;
}

.thumbnail-container:hover {
  color: #0088cc;
}
4

2 回答 2

8

问题是选择器的特异性。选择锚点:

.thumbnail-container:hover,
.thumbnail-container:hover a {
  color: #0088cc;
}

或者根据您的需要,您可以使用inherit. 只需添加以下内容:

.thumbnail-container a {
  color:inherit;
}
于 2013-05-11T04:33:43.200 回答
4
.thumbnail-container:hover a {
    color: #0088cc;
}
于 2013-05-11T04:33:54.030 回答