CSS中虛擬元素選擇器定義,和類虛擬選擇器的使用方法

虛擬元素選擇器

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