css僞類大全用法詳解

CSS僞類及僞元素選擇器,如超連接的a:link、a:visited、a:hover等等,文檔

 

1、超連接it

       a:link{ color:red;}ast

       a:visited{ color:blue;}僞元素

       a:hover{ color:black;}di

       a:active{ color:#6600CC;}vi

       注意:設置的順序不能變,遵循愛恨(love/hate)原則。 ——此原則本身在網上看別人說的,便於記憶就寫在這了co

2、更多僞類僞類

       :root   ------------------------------ 文檔的根let

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

3、一些僞元素

       :first-letter    第一個字母

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

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

相關文章
相關標籤/搜索