css中的链接顺序答案

【问题标题】：link order in csscss中的链接顺序
【发布时间】：2010-12-04 22:35:39
【问题描述】：

<a> 元素样式的正确顺序是什么（链接、访问、悬停、活动）。通过提供不同的组合，如 LVHA、LAHV，所有这些都令人困惑。任何人都可以指定正确的顺序吗？

【问题讨论】：

【解决方案1】：

链接访问过的悬停活动

a:link    { color: red }    /* unvisited links */
a:visited { color: blue }   /* visited links   */
a:hover   { color: yellow } /* user hovers     */
a:active  { color: lime }   /* active links    */
注意 A:hover 必须放在 A:link 和 A:visited 规则之后，否则级联规则将隐藏 A:hover 规则的 'color' 属性。同样，因为 A:active 放置在 A:hover 之后，所以当用户激活并将鼠标悬停在 A 元素上时，将应用活动颜色（石灰）。

【讨论】：

当被访问时，它会将所有链接颜色变为已访问颜色。为什么会发生这种情况
您之前访问过链接指向的页面吗？可能是几个月前。您可以尝试制作以前从未访问过的链接来测试未访问过的链接。在开发网站时，我注意到您通常会访问所有出现的链接。
我解决了这个问题。我的链接都指向同一个页面（#）。无论如何感谢您的帖子

【解决方案2】：

您可能也更喜欢 VLHA 订购，这没有区别。然而 CSS 规范指定了 LVHA 排序，事实上，这个很容易记住：i LoVeHA！

【讨论】：

试试这个，LoVe/HAte，复制自 Pro CSS Techniques。

【解决方案3】：

这是最好的顺序，尤其是对于伪类。 A L V VH H A（我发音为 Al'va ha'）

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>

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

【讨论】：