合肥網(wǎng)站建設(shè)小編今天來說一下什么是偽類選擇器和偽元素選擇器
偽類選擇器，和一般的DOM中的元素樣式不一樣，它并不改變?nèi)魏蜠OM內(nèi)容。只是插入了一些修飾類的元素，這些元素對于用戶來說是可見的，但是對于DOM來說不可見。偽類的效果可以通過添加一個實(shí)際的類來達(dá)到。
a:link|a:visited|a:hover|a:active
在 CSS 定義中，a:hover 必須被置于 a:link 和 a:visited 之后，才是有效的，a:active 必須被置于 a:hover 之后，才是有效的。
由于狀態(tài)是動態(tài)變化的，所以一個元素達(dá)到一個特定狀態(tài)時，它可能得到一個偽類的樣式；當(dāng)狀態(tài)改變時，它又會失去這個樣式。由此可以看出，它的功能和class有些類似，但它是基于文檔之外的抽象，所以叫偽類。
:focus/* 偽類將應(yīng)用于擁有鍵盤輸入焦點(diǎn)的元素。 */:first-child/* 偽類將應(yīng)用于元素在頁面中第一次出現(xiàn)的時候。 */:lang/* 偽類將應(yīng)用于元素帶有指定lang的情況。 */
偽元素選擇器，偽元素的效果是需要通過添加一個實(shí)際的元素才能達(dá)到的。
結(jié)構(gòu)性偽類選擇器
:root()選擇器，從字面上我們就可以很清楚的理解是根選擇器，他的意思就是匹配元素E所在文檔的根元素。在HTML文檔中，根元素始終是<html>。:root選擇器等同于<html>元素。
:not()選擇器稱為否定選擇器，和jQuery中的:not選擇器一模一樣，可以選擇除某個元素之外的所有元素。
:empty()選擇器表示的就是空。用來選擇沒有任何內(nèi)容的元素，這里沒有內(nèi)容指的是一點(diǎn)內(nèi)容都沒有，哪怕是一個空格。
:target()選擇器來對頁面某個target元素(該元素的id被當(dāng)做頁面中的超鏈接來使用)指定樣式，該樣式只在用戶點(diǎn)擊了頁面中的超鏈接，并且跳轉(zhuǎn)到target元素后起作用。
:first-child()選擇器表示的是選擇父元素的第一個子元素的元素E。簡單點(diǎn)理解就是選擇元素中的第一個子元素，記住是子元素，而不是后代元素。
:nth-child()選擇某個元素的一個或多個特定的子元素。
【版權(quán)聲明】:本站內(nèi)容來自于與互聯(lián)網(wǎng)(注明原創(chuàng)稿件除外),供訪客免費(fèi)學(xué)習(xí)需要。如文章或圖像侵犯到您的權(quán)益，請及時告知，我們第一時間刪除處理！謝謝！
熱門關(guān)鍵字
-
2021-12-02
-
2021-12-02
-
2021-12-02
-
2021-12-02
-
百度搜索頁面添加圖片展示的方法
2022-10-09 -
網(wǎng)站開發(fā)的項(xiàng)目能開發(fā)票嗎？
2022-10-08 -
什么是電商網(wǎng)站
2021-12-02 -
網(wǎng)站建設(shè)哪家公司好？
2021-12-02 -
找我們做網(wǎng)站有哪些保障？
2021-12-02
