a:link{color:#f30;}
a:visited{color:#000;}
a:hover{color:#fff;}
a:active{color:#f99;}
原理
首先偽類的特殊性(應用優先級)是同樣的,所以后出現的偽類會覆蓋先出現的偽類(同時激活)
lvha 規則是由于CSS特殊性導致,css特殊性有一個按順序的規則(同一條css規則,后出現會覆蓋前面的同樣規則)
在這里,比如把hover放在active后面,那么實際你在激活(active)鏈接的時候就觸發了hover偽類,hover在后面覆蓋了active的顏色,所以始終無法看到active的顏色
如果把visited放在hover的后面,那么已經訪問過的鏈接始終觸發visited偽類,根據第一條會覆蓋hover里面的顏色。
其實 link visited 這兩個偽類,并不需要順序關系。(他們兩的位置可以交換)
新聞熱點
疑難解答