css僞類總結

css僞類（pseudo-classes）使用來添加一些選擇器的特殊效果 (pseudo/ 'sju:dəʊ/假的，虛僞的;)     

語法：

selector:pseudo-class{}

selector.class:pseudo-class{}

anchor僞類(anchor/ˈæŋkə(r)/錨; 錨狀物; 靠山; 壓陣隊員;)

a:link{}未訪問的鏈接

a:visited{}已訪問的鏈接

a:hover{}鼠標滑過的鏈接

a:active{}以選中的鏈接

注：a:hover要在a:link，a:visited以後纔有效，a:active要在a:hover以後纔有效

以上還能夠配合css類使用，以下

a.red:link{}

a.red:visited{}

a.red:hover{}

a.red:active{}

：first-child  

p:first-child   匹配第一個<p>元素

p>i:first-child   匹配全部<p>元素的第一個<i>元素

p:first-child i   匹配全部做爲第一個子元素<p>元素的全部<i>元素

：lang  爲不一樣的語言定義特殊規則

q:lang(no) {quotes:"~""~";}   爲屬性值爲no 的<q>元素定義引號類型

 

a:link {color:#FF0000;} /* 未訪問的連接 */ a:visited {color:#00FF00;} /* 已訪問的連接 */ a:hover {color:#FF00FF;} /* 鼠標劃過連接 */ a:active {color:#0000FF;} /* 已選中的連接 */