box 界面 並且 targe link 所有 禁用 使用 css偽類

1）:link/:visited/:hover/:active （愛恨原則 love/hate）
2）:first-child/:last-child/:only-child/:nth-child(n) n從1開始
3）E :nth-last-child(n) 匹配父元素的倒數第n個子元素E，假設該子元素不是E，則選擇符無效。
4）:first-of-type 以父元素為參照，選擇器匹配屬於其父元素的特定類型的首個子元素的所有元素。

5）標簽 : only-of-type , 以父元素為參照，匹配只含有一個目標元素的元素，該元素樣式改變
6）標簽 : nth-of-type(n) , 以父元素為參照，匹配位置在父元素中第n個目標元素的所有元素，該元

素樣式改變。
7）標簽 : nth-last-of-type(n) ,以父元素為參照，匹配位置在父元素中倒數第n個目標元素的所有元
素，該元素樣式改變。
8） E:empty
匹配沒有任何子元素（包括text節點）的元素E。
9）E:checked
匹配用戶界面上處於選中狀態的元素E。(用於input type為radio與checkbox時)
10） E:enabled
匹配用戶界面上處於可用狀態的元素E。
11） E:disabled
匹配用戶界面上處於禁用狀態的元素E。
12）E:target
匹配相關URL指向的E元素。
13）E:not(s)
匹配不含有s選擇符的元素E。
14）E:before/E::before
設置在對象前（依據對象樹的邏輯結構）發生的內容。用來和content屬性一起使用，並且必須定義content屬性
15）E:after/E::after
設置在對象後（依據對象樹的邏輯結構）發生的內容。用來和content屬性一起使用，並且必須定義content屬性

css偽類選擇符