html - 让 CSS 悬停样式只影响超链接

Question

当我 define styles for hyperlinks ，“悬停”样式会影响 <a> 所在的部分标签仅用于定义 ID，而不是超链接，例如 <a id="a1">TEXT</a> .

如何只为 <a> 获得悬停样式包含超链接的标签？

Answer 1

您可以使用属性选择器...

a[href]:hover {

}

... 或为链接和访问过的链接定义悬停状态:

a:link:hover,
a:visited:hover {

}

---

您也可以不对非链接使用a 元素。

自 20 世纪 90 年代中期引入 HTML 4 以来，任何元素都可以成为链接目标，只要它有一个 id。

<section id="a1">
    <h2>TEXT</h2>
    <p>More content</p>
</section>