Html css中的链接顺序

Html css中的链接顺序,html,css,pseudo-class,Html,Css,Pseudo Class,设置元素样式的正确顺序是什么(链接、访问、悬停、活动)。由于提供了不同的组合,如LVHA、LAHV,所有这些都很混乱。有人能指定正确的顺序吗?链接已访问的悬停活动 引自: 注意:hover必须放在A:link和A:visted规则之后,否则级联规则将隐藏A:hover规则的“color”属性。类似地,因为:active放置在:hover之后,所以当用户激活并悬停在A元素上时,将应用活动颜色(石灰) 您可能更喜欢VLHA订购,这没有什么区别。然而CSS规范规定了LVHA顺序,事实上,这一条很容易记

设置
元素样式的正确顺序是什么(链接、访问、悬停、活动)。由于提供了不同的组合,如LVHA、LAHV,所有这些都很混乱。有人能指定正确的顺序吗?

链接已访问的悬停活动

引自:

注意:hover必须放在A:link和A:visted规则之后,否则级联规则将隐藏A:hover规则的“color”属性。类似地,因为:active放置在:hover之后,所以当用户激活并悬停在A元素上时,将应用活动颜色(石灰)


您可能更喜欢VLHA订购,这没有什么区别。然而CSS规范规定了LVHA顺序,事实上,这一条很容易记住:我爱死了

这里是最佳顺序,特别是对于伪类。 A L V VH H A(我把它读作“va ha”)

这将使访问状态和悬停状态保持在一起,并保持指定的顺序。它还允许设置书签的样式,例如

<a name="bookmark_name">Bookmark Text</a>


我发现这非常适合直接链接到站点的某个部分,但您不希望书签具有自动悬停样式,因为它是锚定标记。

当访问了某个站点时,它会将所有链接的颜色变为访问过的颜色。为什么会发生这种情况?您以前访问过链接指向的页面吗?可能是几个月前了。您可以尝试创建以前从未访问过的链接来测试未访问的链接。在开发网站时,我注意到您通常访问了所有出现的链接。我解决了这个问题。我的链接都指向同一个页面(#)。无论如何,谢谢你的帖子,
LoVe/HAte
,这是从专业CSS技术复制的。
a              { color: white; text-decoration: none; }                 /* bookmark */
a:link         { color: red; }                                          /* regular link */
a:visited      { color: green; text-decoration: strikethrough; }        /* visited link */
a:visited:hover { color: blue; text-decoration: underline overline; }    /* visted hover link */
a:hover        { color: yellow; text-decoration: underline overline; }  /* hover link */
a:active       { color: orange; text-decoration: underline overline; }  /* active link */
<a name="bookmark_name">Bookmark Text</a>
<a href="bookmark_name">Link Text</a>