css偽類選擇器有哪些

1、動態(tài)偽類選擇器

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了沙縣免費建站歡迎大家使用！

不同的狀態(tài)，使用不同的樣式。

E: link

E: visited

E: active

E: hover

E: focus

2、目標(biāo)偽類選擇器

用來匹配頁面的URI中某個標(biāo)識符的目標(biāo)元素。

E: target

選擇匹配E的所有元素，且匹配元素被相關(guān)URL指向。

3、語言偽類選擇器

用來匹配使用指定語言的元素。

E: lang(language)

4、元素狀態(tài)偽類選擇器

當(dāng)元素處于某種狀態(tài)下時，才起作用，在默認(rèn)狀態(tài)下不起作用。

E: checked

eg: input[type="checkbox"]:checked{}

E: enabled

eg: input[type="text"]:checked{}

E: disabled

eg: input[type="text"]:disabled{}

5、結(jié)構(gòu)偽類選擇器

這個就比較多了，平時用的也比較頻繁。

: nth-child

: nth-last-child

: nth-of-type

: nth-last-of-type

: first-child

: last-child

: only-child

: first-of-type

: last-of-type

: only-of-type

: root 匹配元素所有在文檔的根元素

: empty 選擇沒有子元素的元素，且不包含節(jié)點

6、否定偽類選擇器

E: not(F) 匹配所有除F外的E元素

css中什么是偽類和偽元素？

偽類一開始單單只是用來表示一些元素的動態(tài)狀態(tài)，典型的就是鏈接的各個狀態(tài)(LVHA)。隨后CSS2標(biāo)準(zhǔn)擴展了其概念范圍，使其成為了所有邏輯上存在但在文檔樹中卻無須標(biāo)識的“幽靈”分類。

偽元素則代表了某個元素的子元素，這個子元素雖然在邏輯上存在，但卻并不實際存在于文檔樹中。

偽類選擇元素基于的是當(dāng)前元素處于的狀態(tài)，或者說元素當(dāng)前所具有的特性，而不是元素的id、class、屬性等靜態(tài)的標(biāo)志。由于狀態(tài)是動態(tài)變化的，所以一個元素達(dá)到一個特定狀態(tài)時，它可能得到一個偽類的樣式；當(dāng)狀態(tài)改變時，它又會失去這個樣式。由此可以看出，它的功能和class有些類似，但它是基于文檔之外的抽象，所以叫偽類。

與偽類針對特殊狀態(tài)的元素不同的是，偽元素是對元素中的特定內(nèi)容進(jìn)行操作，它所操作的層次比偽類更深了一層，也因此它的動態(tài)性比偽類要低得多。實際上，設(shè)計偽元素的目的就是去選取諸如元素內(nèi)容第一個字（母）、第一行，選取某些內(nèi)容前面或后面這種普通的選擇器無法完成的工作。它控制的內(nèi)容實際上和元素是相同的，但是它本身只是基于元素的抽象，并不存在于文檔中，所以叫偽元素。

CSS偽類樣式（less父級選擇器&）

link是未訪問的時候，visited是已訪問的時候，hover是鼠標(biāo)移動到鏈接上時，active選定的時候

提示：在 CSS 定義中，a:hover 必須被置于 a:link 和 a:visited 之后，才是有效的。

提示：在 CSS 定義中，a:active 必須被置于 a:hover 之后，才是有效的。

同樣使用less樣式