2026-05-04
偽類(lèi)選擇器匯總
（圖片來(lái)源網(wǎng)絡(luò )，偽類(lèi)侵刪）1. 結構性偽類(lèi)選擇器
結構性偽類(lèi)選擇器主要用于選取DOM樹(shù)中特定位置的選擇元素。
| 偽類(lèi)選擇器 | 描述 |
:root
| 選取文檔的器匯根元素，??即HTML元素 |
:nthchild(n)
| 選取父元素的偽類(lèi)第n個(gè)(ge)子元素 |
:firstchild | 選取父元素的第一個(gè)子元素 |
:lastchild
| 選取父元素的最后一個(gè)子元素 |
:nthlastchild(n)
| 選取父元素的倒數第┐(′ー｀)┌n個(gè)子元素 |
:onlychild
| 選取沒(méi)有兄弟元素的(de)子元素，等價(jià)于:nthchild(1):nthlastchild(1) |
:firstoftype | 選取兄弟元素中的選擇第一個(gè)同類(lèi)型的元素 |
:lastof??type | 選取兄弟元素中的最后一(′_ゝ`)個(gè)同類(lèi)型的元素 |
:nthoft??ype(n) | 選取兄弟元素中的第n個(gè)同類(lèi)型的元素 |
:onlyoft??ype | 選取沒(méi)有兄弟同類(lèi)型元(°ロ°) !素的子元素，等價(jià)于:nthoftype(1):nthlastoftype(1)
|
:emp??ty | 選取沒(méi)有子元素的器匯元素 |
:nthmatch(selector, n)(◎_◎;) | 選取匹配給定選擇器的第n個(gè)元素 |
:nthlastmatch(selector, n)
| 選取匹配給定選擇器的倒數(shu)第n個(gè)元素 |
:is(selector), :matches(selector)
| 選取匹配給定選擇器的元素 |
:not(selector)
| 選取不匹配給定選擇器的元素 |
:has(selector)
| 選取包含指定后代的元素 |
:contains(text) | 選取包含指定文本的元素（注意：這個(gè)選擇器已被廢棄，不再推薦使用） |
2.?? UI狀態(tài)偽類(lèi)選擇器
UI狀態(tài)偽類(lèi)選擇器主要用于選取具有特定UI狀態(tài)的偽類(lèi)元素。
| 偽類(lèi)選擇器 | 描述 |
:enabled
| 選取可用的選擇表單元素 |
:disabled="disabled"
| 選取不可用的表單元素 |
:checked
| 選取被選中的復選框、單選框或選項元素 |
:default | 選取默認被選??中的器匯復選框、單選框或選項元素 |
:indeterminat??e
| 選取不確定狀態(tài)的偽類(lèi)復選框、單選框或選項元素?? |
:focus | 選取當前獲得焦點(diǎn)的選擇元素 |
:hover | 選取鼠標懸停的元素 |
:active
| 選取被用戶(hù)激活的元素 |
:selection
| 選取被用戶(hù)選定的文本（注意：這個(gè)選擇器已被廢棄，不再推薦使用） |
3. 動(dòng)態(tài)偽類(lèi)選擇器
動(dòng)態(tài)偽類(lèi)選擇器主要用于選取處于特定動(dòng)態(tài)狀態(tài)的器匯元素。
| 偽類(lèi)選擇器 | 描述 |
:link | 選取未訪(fǎng)問(wèn)過(guò)的偽類(lèi)鏈接 |
:vis?ited | 選取已訪(fǎng)問(wèn)過(guò)的鏈接 |
:hover
| 選取鼠標懸停的鏈接 |
:active
| 選取被用戶(hù)激活的鏈接 |
:targヽ(′ー｀)ノet | 選取當前活動(dòng)的錨點(diǎn)元素（點(diǎn)擊后跳轉到的頁(yè)面內的(de)目標元素） |
4. 表(biao)單相關(guān)偽類(lèi)選擇器
表單相關(guān)偽類(lèi)選擇器主要用于選取與表單相關(guān)的特定元素。
| 偽類(lèi)選擇器 | 描述 |
:valid | 選取有效驗證的選擇表單元素 |
:invalid | 選取無(wú)效驗證的表單元素 |
:required="required" | 選取有”required='required'”??;屬性的表單元素 |
:optional | 選取沒(méi)有”required="required"”屬性的表單元素 |
:readwrite | 選取可讀寫(xiě)的表單元素 |
:??readonly="readonly" | 選取只讀的表單元素 |
:readwriteplainte??xt | 選取可讀寫(xiě)且無(wú)修飾的純文本輸入框 |
:readonly="readonly"plaintext | 選取只讀且(′ω｀)無(wú)修飾的純文本輸入框 |
:placeholdershown | 選取顯示占位符的輸入框（注意：這是一個(gè)實(shí)驗性的選擇器） |
以上???就是一些常用的偽類(lèi)選擇器的歸納，希望(⊙_⊙)對你有所幫助。器匯
友情鏈接： 寧德佳洋網(wǎng)絡(luò )科技有限公司金壇長(cháng)子網(wǎng)絡(luò )科技有限公司安慶久來(lái)網(wǎng)絡(luò )科技有限公司鎮江正友網(wǎng)絡(luò )科技有限公司鳳城盈迪網(wǎng)絡(luò )科技有限公司防城港祥歐網(wǎng)絡(luò )科技有限公司阜陽(yáng)風(fēng)欣網(wǎng)絡(luò )科技有限公司密山憐舒網(wǎng)絡(luò )科技有限公司商丘干發(fā)網(wǎng)絡(luò )科技有限公司莊河來(lái)界網(wǎng)絡(luò )科技有限公司瑞金博斯網(wǎng)絡(luò )科技有限公司新疆和田洲頻網(wǎng)絡(luò )科技有限公司駐馬店速凌網(wǎng)絡(luò )科技有限公司肇慶巨吉網(wǎng)絡(luò )科技有限公司萊蕪巨吉網(wǎng)絡(luò )科技有限公司七臺河木百網(wǎng)絡(luò )科技有限公司鄭州堅建網(wǎng)絡(luò )科技有限公司天門(mén)碼爾網(wǎng)絡(luò )科技有限公司古交慕媛網(wǎng)絡(luò )科技有限公司佛山事惠網(wǎng)絡(luò )科技有限公司海林光優(yōu)網(wǎng)絡(luò )科技有限公司牡丹江識東網(wǎng)絡(luò )科技有限公司地級及以上城:龍馳網(wǎng)絡(luò )科技有限公司海門(mén)子創(chuàng )網(wǎng)絡(luò )科技有限公司津越開(kāi)網(wǎng)絡(luò )科技有限公司寧夏銀川巨頓網(wǎng)絡(luò )科技有限公司岳陽(yáng)艾和網(wǎng)絡(luò )科技有限公司蘭溪慕媛網(wǎng)絡(luò )科技有限公司蓬萊裕茂網(wǎng)絡(luò )科技有限公司楚雄爾貿網(wǎng)絡(luò )科技有限公司蓬萊智派網(wǎng)絡(luò )科技有限公司古交隆羅網(wǎng)絡(luò )科技有限公司衛輝祥宜網(wǎng)絡(luò )科技有限公司潮州通風(fēng)網(wǎng)絡(luò )科技有限公司內蒙海拉爾霸嬌網(wǎng)絡(luò )科技有限公司江都運迪網(wǎng)絡(luò )科技有限公司遼陽(yáng)盈迪網(wǎng)絡(luò )科技有限公司新疆吐魯番識語(yǔ)網(wǎng)絡(luò )科技有限公司涿州盈拓網(wǎng)絡(luò )科技有限公司
© 2013-2025.Company name All rights reserved.網(wǎng)站地圖 天津九安特機電工程有限公司-More Templates