虛擬元素選擇器
E:first-letter/E::first-letter 設定元素內的第一個字元的樣式
E:first-line/E::first-line設定元素內的第一行的樣式
E:before/E::before在每個E元素的內容之前插入內容,用來和content屬性一起使用
E:after/E::after在每個E元素的內容之後插入內容,用來和content屬性一起使用
E::selection設定物件被選擇時的顏色
虛擬類選擇器
E:first-child 父元素的第一個元素E
:root:選擇文件的根元素
E:only-child:僅有的一個子元素E
E:only-of-type:只有一種型別的子元素
E:nth-child(n):元素的第n個子元素E
可以直接用數值:比如2
可以用奇數(odd)偶數(even)
可以用公式3n
E:nth-last-child(n):匹配父元素的倒數第n個子元素E
E:first-of-type:匹配同類型中的第一個同級元素E
E:last-of-type:匹配同類型中的最後一個同級元素E
E:nth-of-type(n):匹配同類型中的第N個同級兄弟元素E
E:nth-last-of-type(n):匹配同類型中的倒數第N個同級兄弟元素
UI虛擬元素
E:active 向被啟用的元素新增樣式
E:hover 當滑鼠懸浮在元素上方時,向元素新增樣式
E:link 向未被訪問的連結新增樣式
E:visited 向已被訪問的連結新增樣式
E:focus 向擁有鍵盤輸入焦點的元素新增樣式
新增:
input:checked 選擇每個被選中的input元素
input:disabled 選擇每個禁用的input元素
input:enabled 選擇每個啟用的input元素
#E:target選擇當前轟動的元素(某個被連結的元素)
:not(E)選擇
zhizuchangle16