css - 尝试在 div 标签中的 href 上实现 CSS

Question

我有这个代码：

<div id="NAHC-topText">
<h2><a href="index.html">Link To Somewhere</a></h2>
</div>

我想让 CSS 删除下划线并在用户滚动链接时更改悬停颜色。该链接加载简单的 html。我认为无法在 div 标签中成功实现这一点。

有什么线索吗？

谢谢

Answer 1

所以只需在 CSS 中设置适当的值。

a {
  text-decoration: none;
}

a:hover {
  color: red;
}

根据您的实际需要，您可能希望将选择器更改为，#NAHC-topText a而不仅仅是a.

Answer 2

除了 Sirko 的回答，如果你只想影响

<a>

在你的

<div id="NAHC-topText"> <h2>

您的样式表应如下所示，以排除任何其他锚点和标题。

#NAHC-topText h2 a {text-decoration:none;}
#NAHC-topText h2 a:hover {color:red;}

但是，Sirko 的回答当然没有错，只是它会影响特定文档中的所有 Your Anchors。

此外，如果您希望仅在悬停时显示下划线，您只需定义

a {text-decoration:none;}
a:hover {text-decoration:underline;color:red;}

使用您选择的特定选择器

既然我再次提出了您的问题，反之亦然，当您希望它首先加下划线时，反之亦然，并且在没有下划线的情况下悬停时，您只需交换每种情况的条件。

Answer 3

<style>
  #NAHC-topText a{text-decoration:none;}
  #NAHC-topText a:hover{color:red;}
</style>

Answer 4

#NAHC-topText a:hover{
   color: red;
   text-decoration:none;
}