css有哪些結(jié)構(gòu)化偽類選擇器

發(fā)布時間：2021-07-19 09:37:25 來源：億速云閱讀：141 作者：chen 欄目：web開發(fā)

本篇內(nèi)容主要講解“css有哪些結(jié)構(gòu)化偽類選擇器”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“css有哪些結(jié)構(gòu)化偽類選擇器”吧!

選擇器有：:root、:not、:only-child、:first-child、:last-child、:empty:target、:nth-child(n)、nth-last-child(n)、:nth-of-type(n)等。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

:root選擇器：匹配文檔根元素

css有哪些結(jié)構(gòu)化偽類選擇器

:not 選擇器：首先得向該結(jié)構(gòu)元素需要排除的子結(jié)構(gòu)元素設(shè)置樣式才有效果 css有哪些結(jié)構(gòu)化偽類選擇器

Example：

css有哪些結(jié)構(gòu)化偽類選擇器

:only-child：

css有哪些結(jié)構(gòu)化偽類選擇器

first-child、:last-child：

css有哪些結(jié)構(gòu)化偽類選擇器

:nth-child(n)、nth-last-child(n)：

css有哪些結(jié)構(gòu)化偽類選擇器

:nth-of-type(n)、nth-last-of-type(n)：

css有哪些結(jié)構(gòu)化偽類選擇器

:nth-child(n)與:nth-of-type(n)的區(qū)別

css有哪些結(jié)構(gòu)化偽類選擇器

7、:empty：:empty選擇器用來選擇沒有子元素或文本內(nèi)容為空的所有元素。

8、:target：:target選擇器用于為頁面中的某個target元素（該元素的id被當(dāng)做頁面中的超鏈接來使用）指定樣式。只有用戶單擊了頁面中的超鏈接，并且跳轉(zhuǎn)到target元素后，:target選擇器所設(shè)置的樣式才會起作用。

到此，相信大家對“css有哪些結(jié)構(gòu)化偽類選擇器”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

向AI問一下細節(jié)

猜你喜歡