8

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

4

3 回答 3

15

链接已访问悬停活动

引用CSS 规范：

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 元素上时，将应用活动颜色（石灰）。

于 2009-10-08T10:06:43.103 回答
3

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

于 2010-03-03T11:05:21.190 回答
1

这是最好的顺序，尤其是对于伪类。ALV VH HA（我发音为 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>

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

于 2014-03-16T14:30:25.307 回答