僞類 僞元素

一、超鏈接

       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  --------------------------  沒有孩子或文本的一個元素

在這裏,對於:nth-of-type(n)和:nth-child(n)再加上自己的理解:

       :nth-of-type(n):該選擇器匹配屬於父元素的特定類型的第n個子元素,n可以是數字,關鍵詞或公式。

       :nth-child(0):該選擇器是選取父元素的第n個子元素,與類型無關。

 

三、一些僞元素

         :first-letter    第一個字母

       :after       選擇元素的後面,允許在這些位置插入內容

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章