a標籤樣式

以前用css一直沒有遇到過這個問題，在最近給乙個本科同學做的專案裡面。出現一些問題，搜尋引擎查了一些**和資料，發現很多人問到這個問題，給出的結果我試了試，大部分都不正確。

給出我試的順序，可能會對大家有一些幫助：

a:link

a:visited

a:hover

a:active

今天看到一位匿名朋友的問題，又去查了一些資料，這個人講的非常透徹：引自靈眸●第一爐沉香部落格

a :link、a:hover、a:visited這幾個元素，定義css時候的

順序不同，也會直接導致鏈結顯示的效果不同。

我想，原因就在於瀏覽器解釋css時遵循的「就近原則」。

舉例來說：

這是因為，

乙個滑鼠經過的未訪問鏈結同時擁有a:link、a:hover兩種屬性，在第一種情況下，a:link離它最近，所以它優先滿足a:link，而放棄a:hover的重複定義。

在第二種情況，無論鏈結有沒有被訪問過，它首先要檢查是否符合a:hover的標準（即是否有滑鼠經過它），滿足，則變成綠色，不滿足，則繼續向上查詢，一直找到滿足條件的定義為止。

一句話：

在css中，如果對於相同元素有針對不同條件的定義，宜將最一般的條件放在最上面，並依次向下，保證最下面的是最特殊的條件。

這樣，瀏覽器在顯示元素時，才會從特殊到一般、逐級向上驗證條件，才會使你的每乙個css語句都起到效果。

當然，如果故意打亂順序，也會造成一些特殊的效果。比如，可以為鏈結製造出下劃線顏色與文字顏色的差異。

近日突然發現，原來這個css問題早已有高人提出啦。還是個老外呢。他給總結了乙個便於記憶的「

愛恨原則」（

lo ve/

hate），即四種偽類的首字母:lvha。

再重複一遍正確的順序：

a:link、a:visited、a:hover、a:active.

a標籤樣式

以前用css一直沒有遇到過這個問題，在最近給乙個本科同學做的專案裡面。出現一些問題，搜尋引擎查了一些 和資料，發現很多人問到這個問題，給出的結果我試了試，大部分都不正確。給出我試的順序，可能會對大家有一些幫助 a link a visited a hover a active 今天看到一位匿名朋友的...

a標籤樣式

一組專門的預定義的類稱為偽類，主要用來處理超連結的狀態。超連結文字的狀態可以通過偽類選擇符 樣式規則來控制。偽類選擇符包括 總 a 表示所有狀態下的連線 如 mycls a 一般a hover和a visited鏈結的狀態 顏色 下劃線等 應該是相同的。前三者分別對應body元素的link vlin...

a標籤樣式

教你如何去掉標籤下劃線 找到這兩句了嗎？樣式表語句就加在它們中間。如下 僅僅加入這一句就去掉超連結下劃線了，這是個最簡單的例子，你試著這樣做就會成功的。二 上面的例子只是告訴你如何一次性去掉超連結下劃線，如果你的網頁當中有的超連結需要下劃線，有的不需要，該怎麼辦呢？首先你要構思好，你的網頁中的超連結...