CSS悬停样式仅影响超链接

Question

当我define styles for hyperlinks时，＆＃34;悬停＆＃34;样式会影响<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>