为什么我的 CSS 悬停代码没有在我的链接下划线？

理解 CSS 中的“悬停”

使用 CSS 时，“悬停”是在鼠标交互时修改元素样式的关键概念。然而，要达到预期的结果需要正确的实现。

“悬停”之谜

最近，出现了关于以下代码无法在悬停时为链接添加下划线的查询：

<a class="hover">click</a>

a .hover:hover {
    text-decoration: underline;
}

公布解决方案

要解决这个问题，我们必须记住'hover' 是一个伪元素。正确的语法是：

a:hover {
    text-decoration: underline;
}

或者，如果首选类名：

a.hover:hover {
    text-decoration: underline;
}

“悬停”类名

使用类时- 像“hover”这样的名称可能看起来多余，它可以应用于您希望通过利用单独的 CSS 规则在悬停时切换多个属性的情况'.悬停'。但是，如果唯一的目的是在悬停时为链接添加下划线，则 a:hover 选择器仍然是首选。

以上是为什么我的 CSS 悬停代码没有在我的链接下划线？的详细内容。更多信息请关注PHP中文网其他相关文章！