本章給大家?guī)?lái)css中什么是偽類(lèi)選擇器？偽類(lèi)選擇器的簡(jiǎn)要介紹。讓大家可以了解在css中偽類(lèi)選擇器的作用，css偽類(lèi)選擇器有哪些分類(lèi)等知識(shí)。有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你有所幫助。（相關(guān)推薦：《CSS教程》）
一、偽類(lèi)選擇器介紹
偽類(lèi)選擇器（簡(jiǎn)稱：偽類(lèi)）通過(guò)冒號(hào)來(lái)定義，它定義了元素的狀態(tài)，如點(diǎn)擊按下，點(diǎn)擊完成等，通過(guò)偽類(lèi)可以為元素的狀態(tài)修改樣式。
偽類(lèi)的功能和一般的DOM中的元素樣式相似，但和一般的DOM中的元素樣式不一樣，它并不改變?nèi)魏蜠OM內(nèi)容。只是插入了一些修飾類(lèi)的元素，這些元素對(duì)于用戶來(lái)說(shuō)是可見(jiàn)的，但是對(duì)于DOM來(lái)說(shuō)不可見(jiàn)。偽類(lèi)的效果可以通過(guò)添加一個(gè)實(shí)際的類(lèi)來(lái)達(dá)到。
何為偽類(lèi)?
就是css內(nèi)置類(lèi)css內(nèi)部本身賦予它一些特性和功能，也就是你不用再class=...或id=...你就可以直接拿來(lái)使用，當(dāng)然你也可以改變它的部分屬性比如：a:link{color:#FF0000;}
二、偽類(lèi)選擇器的分類(lèi)
偽類(lèi)選擇器主要可以分為：動(dòng)態(tài)偽類(lèi)選擇器、UI元素狀態(tài)偽類(lèi)選擇器、結(jié)構(gòu)偽類(lèi)選擇器、否定偽類(lèi)選擇器。
下面詳細(xì)介紹這些分類(lèi)的選擇器語(yǔ)法：
1.動(dòng)態(tài)偽類(lèi)選擇器語(yǔ)法
動(dòng)態(tài)偽類(lèi)選擇器可以用于超鏈接 a標(biāo)簽的應(yīng)用中：
a標(biāo)簽有4種偽類(lèi)（即對(duì)應(yīng)四種狀態(tài)）,如下：
代碼示例：
/*讓超鏈接點(diǎn)擊之前是紅色*/
a:link {color: red;}
/*讓超鏈接點(diǎn)擊之后是橙色*/
a:visited {color: orange;}
/*鼠標(biāo)懸停，放到標(biāo)簽上的時(shí)候是綠色*/
a:hover {color: green;}
/*鼠標(biāo)點(diǎn)擊鏈接，但是不松手的時(shí)候*/
a:active {color: black;}
登錄后復(fù)制
a標(biāo)簽的這四種偽類(lèi)選擇器存在著一定的順序，各個(gè)樣式之間的順序很有講究，一旦出現(xiàn)排列錯(cuò)誤就很有可能形成覆蓋，導(dǎo)致其中某個(gè)樣式無(wú)法顯示。那么a標(biāo)簽的這四種偽類(lèi)選擇器需要怎樣排序才可以使用？
在 CSS 定義中，a:hover 必須被置于 a:link 和 a:visited 之后，才是有效的，a:active 必須被置于 a:hover 之后，才是有效的。
所以，a標(biāo)簽的這四種偽類(lèi)選擇器的順序?yàn)椋篴:link ，a:visited，a:hover ，a:active
2.UI元素狀態(tài)偽類(lèi)選擇器
UI元素狀態(tài)偽類(lèi)選擇器主要是針對(duì)于HTML中的Form元素進(jìn)行操作，最常見(jiàn)的比如我們"type="text"有enable和兩種狀態(tài)，前者為可寫(xiě)狀態(tài)后者為不可狀態(tài)；另外"type="radio"和"type="""有"checked"和""兩種狀態(tài)。來(lái)看兩個(gè)實(shí)例，比如說(shuō)你想將""的文本框與別的文本框區(qū)別出來(lái)，你就可以這樣應(yīng)用：
input[type="text"]:disabled {border:1px solid #999;background-color: #fefefe;}
登錄后復(fù)制
注意：IE6-8不支持":checked",":enabled",":"這三種選擇器。
3.結(jié)構(gòu)偽類(lèi)選擇器
結(jié)構(gòu)偽類(lèi)選擇器，可以根據(jù)元素在文檔中所處的位置，來(lái)動(dòng)態(tài)選擇元素，從而減少HTML文檔對(duì)ID或類(lèi)的依賴，有助于保持代碼干凈整潔。
結(jié)構(gòu)偽類(lèi)選擇器很容易遭到誤解，需要特別強(qiáng)調(diào)。如：
p:first-child;
登錄后復(fù)制
它表示的是：選擇父元素下的第一個(gè)子元素 p，而不是選擇 p 元素的第一個(gè)子元素。
注意：
結(jié)構(gòu)偽類(lèi)選擇器中，子元素的序號(hào)是從 1 開(kāi)始的，也就是說(shuō)，第一個(gè)子元素的序號(hào)是 1，而不是 0。換句話說(shuō)，當(dāng)參數(shù) n 的計(jì)算結(jié)果為 0 時(shí)，將不選擇任何元素。
4.否定偽類(lèi)選擇器
E:not(F)：匹配所有除元素F外的E元素
例：對(duì)form中所有input加邊框，但又不想submit也起變化，就可以這樣寫(xiě)：
input:not([type="submit"]) {border: 1px solid red;}
登錄后復(fù)制
以上就是css中什么是偽類(lèi)選擇器？偽類(lèi)選擇器的簡(jiǎn)要介紹的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！