有關(guān)于a標(biāo)簽的4個(gè)偽類的使用方法
發(fā)布時(shí)間：2011-07-22 14:08:14 作者：佚名 
我要評(píng)論
我要評(píng)論上面是偽類的正確順序，簡稱 lvha(love-ha)。你一直知道這個(gè)順序但是為什么這樣呢？原理是怎么樣的？
復(fù)制代碼
代碼如下: a:link{color:#f30;}
a:visited{color:#000;}
a:hover{color:#fff;}
a:active{color:#f99;}
a:visited{color:#000;}
a:hover{color:#fff;}
a:active{color:#f99;}
原理
首先偽類的特殊性（應(yīng)用優(yōu)先級(jí)）是同樣的，所以后出現(xiàn)的偽類會(huì)覆蓋先出現(xiàn)的偽類（同時(shí)激活）
lvha 規(guī)則是由于CSS特殊性導(dǎo)致，css特殊性有一個(gè)按順序的規(guī)則（同一條css規(guī)則，后出現(xiàn)會(huì)覆蓋前面的同樣規(guī)則）
在這里，比如把hover放在active后面，那么實(shí)際你在激活（active）鏈接的時(shí)候就觸發(fā)了hover偽類，hover在后面覆蓋了active的顏色，所以始終無法看到active的顏色
如果把visited放在hover的后面，那么已經(jīng)訪問過的鏈接始終觸發(fā)visited偽類，根據(jù)第一條會(huì)覆蓋hover里面的顏色。
其實(shí) link visited 這兩個(gè)偽類，并不需要順序關(guān)系。（他們兩的位置可以交換）
相關(guān)文章
- html5 的a標(biāo)簽是可以撥電話的，通過其Href屬性來實(shí)現(xiàn)，需要的朋友可以了解下2013-11-04
- a標(biāo)簽的偽類只不過是又結(jié)合了不同的動(dòng)作順序，動(dòng)作的觸發(fā)順序決定了偽類的順序必須按lvha來寫，接下來為大家詳細(xì)介紹下，感興趣的朋友不妨參考下2013-09-27
CSS中a標(biāo)簽樣式的“愛恨”原則：定義鏈接樣式的四個(gè)偽類
CSS為一些特殊效果準(zhǔn)備了特定的工具，我們稱之為“偽類”。本文將詳細(xì)介紹經(jīng)常用于定義鏈接樣式的四個(gè)偽類,需要的朋友可以參考下2012-12-10- 去掉a標(biāo)簽超鏈接的虛線框的方法，需要的朋友可以參考下。2011-11-23
- 一組專門的預(yù)定義的類稱為偽類，主要用來處理超鏈接的狀態(tài)。超鏈接文字的狀態(tài)可以通過偽類選擇符＋樣式規(guī)則來控制2013-12-09