2010-01-01 53 views
8

當按順序放置(:link,:visited,:hover,:active)時,不是「a:link」僞類與「a」重疊嗎?爲什麼把這個:爲什麼要在「LVHA」鏈接樣式中使用「L」?

a:link {color: blue;} 
a:visited {color: purple;} 
a:hover {color: red;} 
a:active {color: yellow;} 

時,你可以只是把這個:

​​

我問,因爲第一種是最常見的例子我看到LVHA秩序。第二個版本具有相同的特性,所以它的功能相同。鏈接狀態發生變化時,清楚發生了什麼變化,這只是一個組織方面的事情嗎?我錯過了什麼?

回答

2

按照W3C specification

的:鏈接僞類適用於尚未訪問過的鏈接。

:鏈接允許您設置未訪問鏈接的樣式,同時保持其他鏈接樣式不受影響。

+0

未訪問的鏈接也由{...} – Harmen 2010-01-01 16:45:38

+0

風格當然,但{...}會更改所有僞類的樣式。只有「{color:red}」會使訪問,未訪問,懸停和活動鏈接顯示爲紅色前景色,而「a:link {color:red}」只會使未訪問鏈接顯示爲紅色背景色。 – Sofahamster 2010-01-01 17:00:02

+0

但問題是特定於其他3個州正在定義。 – 2010-01-01 17:42:54

4

pseudo-classes :link and :visited僅用於鏈接(A元素與href屬性):

  • 的:鏈接僞類適用於尚未訪問過的鏈接。
  • 訪問過的僞類在用戶訪問鏈接後應用。

[...]

文檔語言確定哪些元素是超鏈接源錨。例如,在HTML4中,鏈接僞類適用於具有「href」屬性的A元素。

pseudo-classes :hover, :active and :focus不只是鏈接,但也可以像inputtextarea等元素應用。

因此要正確並且只選擇A實際上是鏈接的元素,您需要使用a:link。而只選擇徘徊的鏈接,您需要使用a:link:hover而不僅僅是a:hover

+0

+1提及差異訴:鏈接和:鏈接:懸停。 http://jsbin.com/iyuyo/edit – bendewey 2010-01-01 17:37:10

相關問題