一、超鏈接
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 選擇元素的前面,允許在這些位置插入內容