CSS偽類(lèi)或偽元素選擇器該如何整理

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)CSS偽類(lèi)或偽元素選擇器該如何整理，文章內(nèi)容豐富且以專(zhuān)業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

一、超鏈接

       a：link{ color:red;}

       a：visited{ color:blue;}

       a：hover{ color:black;}

       a：active{ color:#6600CC;}

       注意：設(shè)置的順序不能變，遵循愛(ài)恨（love/hate）原則。 ——此原則自己在網(wǎng)上看別人說(shuō)的，便于記憶就寫(xiě)在這了

二、更多偽類(lèi)

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

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

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

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

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

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

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

       ：first-of-type  --------------------   作為其類(lèi)型的第1個(gè)兄弟的一個(gè)元素

       ：last-of-type   -------------------    作為其類(lèi)型的第1個(gè)兄弟的一個(gè)元素，從最后一個(gè)數(shù)起

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

       ：only-of-type  -------------------   作為其類(lèi)型的唯一1個(gè)兄弟的一個(gè)元素

       ：empty  --------------------------  沒(méi)有孩子或文本的一個(gè)元素

三、一些偽元素

       ：first-letter    第一個(gè)字母

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

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

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