CSS偽類或偽元素選擇器該如何整理

這期內容當中小編將會給大家帶來有關CSS偽類或偽元素選擇器該如何整理，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

一、超鏈接

       a：link{ color:red;}

       a：visited{ color:blue;}

       a：hover{ color:black;}

       a：active{ color:#6600CC;}

       注意：設置的順序不能變，遵循愛恨（love/hate）原則。 ——此原則自己在網上看別人說的，便于記憶就寫在這了

二、更多偽類

       ：root   ------------------------------ 文檔的根

       ：nth-child(n)  --------------------- 作為其父元素的第n個孩子的一個元素             

       ：nth-last-child(n) ---------------- 作為其父元素的第n個孩子的一個元素，從最后一個數起 

       ：nth-of-type(n)  ------------------ 作為其類型的第n個兄弟的一個元素

       ： nth-last-of-type(n)  -----------  作為其類型的第n個兄弟的一個元素，從最后一個數起

       ：first-child   ----------------------   作為其父元素的第1個孩子的一個元素      

       ：last-child  -----------------------   作為其父元素的最后1個孩子的一個元素

       ：first-of-type  --------------------   作為其類型的第1個兄弟的一個元素

       ：last-of-type   -------------------    作為其類型的第1個兄弟的一個元素，從最后一個數起

       ：only-child     --------------------   作為其父元素的唯一1個孩子的一個元素

       ：only-of-type  -------------------   作為其類型的唯一1個兄弟的一個元素

       ：empty  --------------------------  沒有孩子或文本的一個元素

三、一些偽元素

       ：first-letter    第一個字母

       ：after       選擇元素的后面，允許在這些位置插入內容

       ：before    選擇元素的前面，允許在這些位置插入內容

上述就是小編為大家分享的CSS偽類或偽元素選擇器該如何整理了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。