a：悬停不适用于<div id =“”>，有帮助吗？ :)

Question

我正在尝试在悬停时更改链接的颜色，但它似乎不起作用，不知道如何解决这个问题......这是代码：

<div id="secret-link" >
<a  href="/pages/our-story"><b><font color=#F44336>secret link</font></b></a>
</div>

<style>
#secret-link a:hover {color: #fff;}
</style>    

任何想法？ ：/

Answer 1

请勿使用<font>标记。

样式有效，但在此标记中，<font>标记的存在优先于实际文本。

用样式替换<font>。所以只需要标记：

<div id="secret-link" >
  <a href="/pages/our-story">secret link</a>
</div>

然后根据需要为非悬停和悬停状态设置样式：

#secret-link a:hover {color: #fff;}

#secret-link a {color: #f44336; font-weight: bold;}