css中的鏈接順序

Question

是什么樣的<a>元素（鏈接，訪問，懸停，活動）樣式的正確順序。 通過提供LVHA，LAHV等不同組合，所有這些都令人困惑。 任何人都可以指定正確的順序嗎？

Answer 1

鏈接訪問懸停活動

引用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元素上時，將應用活動顏色（lime）。

Answer 2

您可能也更喜歡VLHA訂購，這沒什么區別。 然而CSS規范指定LVHA排序，事實上，這個很容易記憶：我LoVeHA！

Answer 3

這是最好的順序，特別是偽類。 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>

我發現這非常適合鏈接到網站的某個部分但您不希望書簽具有自動懸停樣式，因為它是錨標記。