2011-12-30 52 views
1

我知道僞類必須是爲了不相互衝突。 (雙「以」意)這個僞類沒有衝突嗎?

的事情是,我讀了CSS從右讀向左(找到匹配時),這讓我懷疑這一點:

a{ 
color:blue; 
text-decoration:none; 
} 

a:hover,a:focus{ 
text-decoration:underline; 
} 

應該把它是a:focus,a:hover還是現在這樣好?

回答

1

在這種情況下,應該無關緊要,因爲它們不能同時觸發......假設:hover用於通過鼠標觸發的鏈接事件,:focus用於通過鍵盤觸發的鏈接事件。

然而,讀這

的:link和:visited僞類一般應是第一位的。 下一個應該是:重點和:懸停 - 他們現在指定,以便他們 覆蓋並適用於訪問和未訪問的鏈接。如果:焦點 先於:懸停,懸停效果將應用於鍵盤 輸入焦點的鏈接。主動僞類應該總是最後一個,因爲 我們通常希望清楚地指出已激活的任何鏈接 。

從這裏:http://reference.sitepoint.com/css/pseudoclasses

在這種情況下,我認爲,理想的情況是

a:link{ 
} 

a:visited{ 
} 

a:focus, a:hover{ 
} 

a:active{ 
} 
+0

好,但什麼是理想的秩序?編輯:哦,我看到 – ajax333221 2011-12-30 03:10:02

+0

看到我的編輯@ ajax333221 – 2011-12-30 03:12:33

+0

好吧,我知道。問題是如果'a:focus,a:hover'與'a:focus {} + a:hover {}'或'a:hover {} + a:focus {}'相同? – ajax333221 2011-12-30 03:16:33