CSS選擇器總結

選擇符是指一條CSS樣式規則的最左邊部分,總的可分爲五大類十八種。

1、並聯選擇器:即羣組選擇器,即以“,”合併多個分組結果。

2、簡單選擇器:標籤、ID、類、屬性、通配符。

3、關係選擇器:即派生選擇器,親子、後代、相鄰、兄長。

4、僞類選擇器:動作僞類、目標僞類、語言僞類、狀態僞類、結構僞類、取反僞類。

5、僞元素選擇器:僅有幾種。

 

並聯選擇器

並聯選擇器即羣組選擇器,以“,”分割,這個比較簡單。

簡單選擇器

通配符選擇器即“ * ”

關係選擇器

1> 親子選擇器 div>p 選擇作爲div元素子元素的所有p元素

2> 後代選擇器 div p選擇div元素所有後代元素中的p元素,由此可知,後代選擇器的範圍大於親子選擇器

3> 相鄰選擇器 h1+p 緊跟着的第一個選擇器

4> 兄弟選擇器 h1~p 所有跟所選元素的同胞選擇器

僞元素選擇器(僅指以下幾種)

::before(:before)

::after(:after)

::first-line(:first-line)

::first-letter(:first-letter)

::selection(:selection)

 

分享來源:CSS選擇器總結

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章