css偽類選擇器有哪些
css偽類選擇器有哪些
- `E:link` —— 未訪問的鏈接。- `E:visited` —— 已訪問的鏈接。- `E:active` —— 活動鏈接(被點(diǎn)擊時)。- `E:hover` —— 鼠標(biāo)懸停在上面的元素。- `E:focus` —— 擁有焦點(diǎn)的元素。2.目標(biāo)偽類選擇器用于匹配頁面URI中某個標(biāo)識符的目標(biāo)元素。- `E:target` —— 選擇所有匹配`E`的元素,且這些元素是被當(dāng)前URL指向的目標(biāo)。3.語言偽類選擇器用于匹配使用指定語言的元素。- `E:lang(language)` —— 選擇語言為`language`的`E`元素。4.元素狀態(tài)偽類選擇器僅當(dāng)元素處于特定狀態(tài)時才生效。
導(dǎo)讀- `E:link` —— 未訪問的鏈接。- `E:visited` —— 已訪問的鏈接。- `E:active` —— 活動鏈接(被點(diǎn)擊時)。- `E:hover` —— 鼠標(biāo)懸停在上面的元素。- `E:focus` —— 擁有焦點(diǎn)的元素。2.目標(biāo)偽類選擇器用于匹配頁面URI中某個標(biāo)識符的目標(biāo)元素。- `E:target` —— 選擇所有匹配`E`的元素,且這些元素是被當(dāng)前URL指向的目標(biāo)。3.語言偽類選擇器用于匹配使用指定語言的元素。- `E:lang(language)` —— 選擇語言為`language`的`E`元素。4.元素狀態(tài)偽類選擇器僅當(dāng)元素處于特定狀態(tài)時才生效。
![](https://img.51dongshi.com/20241125/wz/18351960652.jpg)
1. 動態(tài)偽類選擇器允許您為元素的不同狀態(tài)應(yīng)用不同的樣式。這些狀態(tài)包括: - `E:link` —— 未訪問的鏈接 - `E:visited` —— 已訪問的鏈接 - `E:active` —— 活動鏈接(被點(diǎn)擊時) - `E:hover` —— 鼠標(biāo)懸停在上面的元素 - `E:focus` —— 擁有焦點(diǎn)的元素2. 目標(biāo)偽類選擇器用于匹配頁面URI中某個標(biāo)識符的目標(biāo)元素: - `E:target` —— 選擇所有匹配`E`的元素,且這些元素是被當(dāng)前URL指向的目標(biāo)。3. 語言偽類選擇器用于匹配使用指定語言的元素: - `E:lang(language)` —— 選擇語言為`language`的`E`元素。4. 元素狀態(tài)偽類選擇器僅當(dāng)元素處于特定狀態(tài)時才生效: - `E:checked` —— 選擇所有選中的復(fù)選框或單選按鈕,例如 `input[type="checkbox"]:checked{}` - `E:enabled` —— 選擇所有啟用的輸入元素,例如 `input[type="text"]:enabled{}` - `E:disabled` —— 選擇所有禁用的輸入元素,例如 `input[type="text"]:disabled{}`5. 結(jié)構(gòu)偽類選擇器非常實(shí)用,常用于樣式化文檔結(jié)構(gòu): - `:nth-child` —— 匹配一組兄弟元素中的第n個或第n個之后的元素 - `:nth-last-child` —— 類似`:nth-child`,但是從最后一個元素開始計(jì)數(shù) - `:nth-of-type` —— 匹配其父元素下相同類型的第n個子元素 - `:nth-last-of-type` —— 類似`:nth-of-type`,但是從最后一個子元素開始計(jì)數(shù) - `:first-child` —— 選擇其父元素下的第一個子元素 - `:last-child` —— 選擇其父元素下的最后一個子元素 - `:only-child` —— 選擇其父元素下僅有的一個子元素 - `:first-of-type` —— 選擇其父元素下相同類型的第一個子元素 - `:last-of-type` —— 選擇其父元素下相同類型的最后一個子元素 - `:only-of-type` —— 選擇其父元素下相同類型僅有的一個子元素 - `:root` —— 匹配文檔的根元素 - `:empty` —— 選擇沒有子元素的元素,且不包含任何節(jié)點(diǎn)內(nèi)容6. 否定偽類選擇器允許您選擇不符合特定條件的元素: - `E:not(F)` —— 選擇所有不是`F`的`E`元素。
css偽類選擇器有哪些
- `E:link` —— 未訪問的鏈接。- `E:visited` —— 已訪問的鏈接。- `E:active` —— 活動鏈接(被點(diǎn)擊時)。- `E:hover` —— 鼠標(biāo)懸停在上面的元素。- `E:focus` —— 擁有焦點(diǎn)的元素。2.目標(biāo)偽類選擇器用于匹配頁面URI中某個標(biāo)識符的目標(biāo)元素。- `E:target` —— 選擇所有匹配`E`的元素,且這些元素是被當(dāng)前URL指向的目標(biāo)。3.語言偽類選擇器用于匹配使用指定語言的元素。- `E:lang(language)` —— 選擇語言為`language`的`E`元素。4.元素狀態(tài)偽類選擇器僅當(dāng)元素處于特定狀態(tài)時才生效。
為你推薦