復合選擇器總結

2021-10-08 10:19:20 字數 1004 閱讀 7138

後代選擇器 (使用較多)

作用: 用來選擇元素後代

特徵: 是選擇所有的子孫後代

html

後代選擇器

後代選擇器

後代選擇器 enlighterjs syntax highlighter 子代選擇器 (使用較少) 作用: 選擇最近一級元素

特徵: 只選親一級

html

子代選擇器

子代選擇器1子代選擇器2子代選擇器3

子代選擇器1子代選擇器2子代選擇器3

enlighterjs syntax highlighter 交集選擇器 (使用較少) 作用: 選擇兩個標籤交集的部分

特徵: 即。。。又。。。

html

交集選擇器

交集選擇器1

交集選擇器2

交集選擇器3

交集選擇器1

交集選擇器2

交集選擇器3

enlighterjs syntax highlighter 並集選擇器 (使用較多) 作用: 選擇某些相同樣式的選擇器

特徵: 可以用於集體宣告

html

並集選擇器

並集選擇器1

並集選擇器2

並集選擇器3

並集選擇器1

並集選擇器2

並集選擇器3

並集選擇器1

並集選擇器2

並集選擇器3 enlighterjs syntax highlighter 鏈結偽類選擇器 (使用較多) 作用: 給鏈結更改狀態

重點: a:hover{}開發

html

鏈結偽選擇器

鏈結偽選擇器1

鏈結偽選擇器2

鏈結偽選擇器3

鏈結偽選擇器4 enlighterjs syntax highlighter

復合選擇器

假如有下面這麼乙個例子 lang en charset utf 8 後代選擇器title head 開心p 快樂p div 樂觀p body html 我們希望將開心和快樂變成紅色,而不影響樂觀,即將div 標籤下的p標籤設定為紅色,但不是所有的p標籤設定為紅色,所以不能這麼寫 p 也許你們可能會寫...

復合選擇器

復合選擇器 復合選擇器是由兩個或多個基礎選擇器,通過不同的方式組合而成的,目的是為了可以選擇更準胡更精細的目標元素標籤。交集選擇器 交集選擇器由兩個選擇器構成,其中第乙個為標籤選擇器,第二個為class選擇器,兩個選擇器之間不能有空格,如h3.special。用的相對來說比較少,不太建議使用。並集選...

復合選擇器

復合選擇器 交集選擇器 連線無空格 pdiv 並集選擇器 連線逗號 p,div 後代元素選擇器 連線空格 p div 子代元素選擇器 連線大於號 p div 相鄰元素選擇器 連線加號 p div 兄弟元素選擇器 連線波浪號 p div 樣式 style 外邊距 上 右 下 左 margin 0 內邊...