建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
偽類選擇器匯總
偽類選擇器匯總
創(chuàng)新互聯(lián)公司主要從事成都做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)月湖,十年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220
1. 結(jié)構(gòu)性偽類選擇器
結(jié)構(gòu)性偽類選擇器主要用于選取DOM樹中特定位置的元素。
| 偽類選擇器 | 描述 |
:root | 選取文檔的根元素，即HTML元素 |
:nthchild(n) | 選取父元素的第n個子元素 |
:firstchild | 選取父元素的第一個子元素 |
:lastchild | 選取父元素的最后一個子元素 |
:nthlastchild(n) | 選取父元素的倒數(shù)第n個子元素 |
:onlychild | 選取沒有兄弟元素的子元素，等價于:nthchild(1):nthlastchild(1) |
:firstoftype | 選取兄弟元素中的第一個同類型的元素 |
:lastoftype | 選取兄弟元素中的最后一個同類型的元素 |
:nthoftype(n) | 選取兄弟元素中的第n個同類型的元素 |
:onlyoftype | 選取沒有兄弟同類型元素的子元素，等價于:nthoftype(1):nthlastoftype(1) |
:empty | 選取沒有子元素的元素 |
:nthmatch(selector, n) | 選取匹配給定選擇器的第n個元素 |
:nthlastmatch(selector, n) | 選取匹配給定選擇器的倒數(shù)第n個元素 |
:is(selector), :matches(selector) | 選取匹配給定選擇器的元素 |
:not(selector) | 選取不匹配給定選擇器的元素 |
:has(selector) | 選取包含指定后代的元素 |
:contains(text) | 選取包含指定文本的元素（注意：這個選擇器已被廢棄，不再推薦使用） |
2. UI狀態(tài)偽類選擇器
UI狀態(tài)偽類選擇器主要用于選取具有特定UI狀態(tài)的元素。
| 偽類選擇器 | 描述 |
:enabled | 選取可用的表單元素 |
:disabled | 選取不可用的表單元素 |
:checked | 選取被選中的復(fù)選框、單選框或選項元素 |
:default | 選取默認被選中的復(fù)選框、單選框或選項元素 |
:indeterminate | 選取不確定狀態(tài)的復(fù)選框、單選框或選項元素 |
:focus | 選取當(dāng)前獲得焦點的元素 |
:hover | 選取鼠標懸停的元素 |
:active | 選取被用戶激活的元素 |
:selection | 選取被用戶選定的文本（注意：這個選擇器已被廢棄，不再推薦使用） |
3. 動態(tài)偽類選擇器
動態(tài)偽類選擇器主要用于選取處于特定動態(tài)狀態(tài)的元素。
| 偽類選擇器 | 描述 |
:link | 選取未訪問過的鏈接 |
:visited | 選取已訪問過的鏈接 |
:hover | 選取鼠標懸停的鏈接 |
:active | 選取被用戶激活的鏈接 |
:target | 選取當(dāng)前活動的錨點元素（點擊后跳轉(zhuǎn)到的頁面內(nèi)的目標元素） |
4. 表單相關(guān)偽類選擇器
表單相關(guān)偽類選擇器主要用于選取與表單相關(guān)的特定元素。
| 偽類選擇器 | 描述 |
:valid | 選取有效驗證的表單元素 |
:invalid | 選取無效驗證的表單元素 |
:required | 選取有”required”屬性的表單元素 |
:optional | 選取沒有”required”屬性的表單元素 |
:readwrite | 選取可讀寫的表單元素 |
:readonly | 選取只讀的表單元素 |
:readwriteplaintext | 選取可讀寫且無修飾的純文本輸入框 |
:readonlyplaintext | 選取只讀且無修飾的純文本輸入框 |
:placeholdershown | 選取顯示占位符的輸入框（注意：這是一個實驗性的選擇器） |
以上就是一些常用的偽類選擇器的歸納，希望對你有所幫助。
網(wǎng)頁標題：偽類選擇器匯總
網(wǎng)站URL：http://m.5511xx.com/article/cdeghdh.html
