2010-07-16 80 views

回答

10

如果你只是風格a {...}那麼風格將被應用到所有的錨元素,包括<a name="..."></a>元素,它們定義頁面內的錨點,但不引用超鏈接。

a:link {...}具體涉及超鏈接。 :visited,:hover:active是這些鏈接的不同狀態。請注意,:hover:active也可以應用於其他元素。

+3

記住,' knittl 2010-07-16 11:40:32

2

這只是一個問題它想要不同造型訪問的鏈接與正常的鏈接與否(例如模糊鏈接,我已經在那裏)。

只是a是有效的,但你想給:visited:hover鏈接,例如特殊的造型?

+0

我想我可以做'一個{這將作爲一個默認。將覆蓋:visited,:hover,:active right} a:hover,a:active {特定於像hover這樣的交互的樣式}'。所以我沒有這麼多的代碼,'a {}'vs'a:link,a:visited {}' – 2010-07-16 13:35:46

0

:visited表示您試圖給鏈接提供用戶以前訪問過的樣式,並且:hover表示您嘗試在用戶鼠標懸停該鏈接時爲鏈接提供樣式。你可能會也可能不會使用它。這是你的選擇。

0

a:link如果對於未訪問鏈接,而a:visited用於用戶已訪問的鏈接。通常用戶需要一些方法來區分兩種情況,在這種情況下,您將分別對它們進行設計。如果你不需要任何區別(例如菜單),那麼只需a即可。

3

您可能只提供了與a的鏈接的一般樣式。更具體的樣式可以應用於僞類。例如:

a { 
    text-decoration: none; 
    font-weight: bold; 
} 

a:link { 
    color: #00F; 
} 

a:hover { 
    color: #F00; 
} 

a:visited { 
    color: #888; 
} 

a:active { 
    color: #0F0; 
} 

在此示例中,所有鏈接的樣式都是粗體並且沒有下劃線。但每種類型的鏈接顏色的變化...