将光标移到其上时,如何防止书签更改样式？

Question

我对CSS几乎没有经验,所以这可能是一个非常简单的问题.

我的网页上有一个目录,其中包含以下链接:

<a href="#user-interface">User interface</a>

和其他地方我有这样的书签:

<a name="user-interface">User Interface</a>

除此之外,我有一个具有以下样式的CSS文件:

a:hover
{
    color:#D090D0;
    background:#803080;
    text-decoration:none;
}

我的目标是当我将光标移动到链接上时更改链接的颜色和背景颜色,这是完美的.但问题是,当我在它们上面移动鼠标时,书签也会改变样式.这对我来说很有意义,因为链接和书签都使用了<a>标签,但我无法弄清楚如何区分CSS.我知道我可以使用一个类来获取链接,但我想知道是否有更好的方法.

Answer 1

<a name="..."> 已弃用.

相反,你应该只放一个id="..."元素.

要回答这个问题,请添加:link.