CSS伪类/伪元素挑选器梳理

2020-10-22 08:08 jianzhan

1、超连接

       a:link{ color:red;}

       a:visited{ color:blue;}

       a:hover{ color:black;}

       a:active{ color:#6600CC;}

       留意:设定的次序不可以变,遵照爱恨(love/hate)标准。 ——此标准自身在网络上看他人说的,便于记忆力就写在这了

2、更多伪类

       :root   ------------------------------ 文本文档的根

       :nth-child(n)  --------------------- 做为其父元素的第n个孩子的1个元素             

       :nth-last-child(n) ---------------- 做为其父元素的第n个孩子的1个元素,从最终1个数起 

       :nth-of-type(n)  ------------------ 做为其种类的第n个弟兄的1个元素

       : nth-last-of-type(n)  -----------  做为其种类的第n个弟兄的1个元素,从最终1个数起

       :first-child   ----------------------   做为其父元素的第1个孩子的1个元素      

       :last-child  -----------------------   做为其父元素的最终1个孩子的1个元素

       :first-of-type  --------------------   做为其种类的第1个弟兄的1个元素

       :last-of-type   -------------------    做为其种类的第1个弟兄的1个元素,从最终1个数起

       :only-child     --------------------   做为其父元素的唯11个孩子的1个元素

       :only-of-type  -------------------   做为其种类的唯11个弟兄的1个元素

       :empty  --------------------------  沒有孩子或文字的1个元素

3、1些伪元素

       :first-letter    第1个字母

       :after       挑选元素的后边,容许在这些部位插进內容

       :before    挑选元素的前面,容许在这些部位插进內容