Html 让CSS悬停样式仅影响超链接

I时，“悬停”样式会影响部分，其中

标记仅用于定义ID，而不是超链接，例如

文本

---

如何仅为包含超链接的

标记获取悬停样式？

您可以使用属性选择器

a[href]:hover {

}

…或定义链接和已访问链接的悬停状态：

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

}

---

您也不能将

a

元素用于非链接

自从20世纪90年代中期引入HTML4以来，任何元素都可以是链接目标，只要它有一个id

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

正文
更多内容

您可以使用属性选择器

a[href]:hover {

}

…或定义链接和已访问链接的悬停状态：

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

}

---

您也不能将

a

元素用于非链接

自从20世纪90年代中期引入HTML4以来，任何元素都可以是链接目标，只要它有一个id

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

正文
更多内容