假如有下面這麼乙個例子
也許你們可能會寫乙個類，然後讓這兩個lang標籤下的="en"
>
>
charset
="utf-8"
>
>
後代選擇器title
>
head
>
>
>
>
開心p>
>
快樂p>
div>
>
樂觀p>
body
>
html
>
我們希望將開心和快樂變成紅色，而不影響樂觀，即將div
p標籤設定為紅色，但不是所有的p標籤設定為紅色，所以不能這麼寫
p
p標籤去呼叫，但是假設div下有很多這樣的p標籤的話，這樣做就不現實，我這裡使用的是後代選擇器，如下
div pdiv標籤下的p標籤設定為紅色。因為樂觀所處的p標籤不在div標籤下，所以樂觀不受影響。
效果如下:
假設有這麼乙個案例
lang
="en"
>
>
charset
="utf-8"
>
>
子代選擇器title
>
head
>
>
>
>
href
="#"
>
一級選單a
>
li>
>
href
="#"
>
一級選單a
>
li>
>
href
="#"
>
一級選單a
>
li>
>
>
href
="#"
>
二級選單a
>
div>
li>
ul>
body
>
html
>
我們希望一級選單變為紅色，而二級選單不受到影響，如果我們使用後代選擇器，
ul li a
li標籤下的所有a標籤都會受到影響，二級選單也會受到影響，這個時候我們需要用子代選擇器
ul>li>ali標籤下的a標籤，二級選單沒有受到影響。
效果為:
假設有下面這麼乙個案例
然後讓第三個lang標籤中的文字設定為紅色。很簡單的乙個方法就是這樣="en"
>
>
charset
="utf-8"
>
>
交集選擇器title
>
head
>
>
>
啊啊div
>
>
啊啊div
>
>
啊啊div
>
>
一一p>
>
一一p>
>
一一p>
body
>
html
>
我們希望將第三個div
.red
div標籤去呼叫，但是我們這裡做出要求，當p標籤去呼叫這個類時，它的顏色不會改變。這個時候我們就要用到交集選擇器
div.reddiv標籤呼叫這個類才會生效，其他標籤呼叫這個類不會生效，這就是交集選擇器。
假設又有下面這個案例
p h1 使用並集選擇器可以使上面的**大大減少lang標籤都設定為紅色，其他的不變，我們可以這樣寫="en"
>
>
charset
="utf-8"
>
>
並集選擇器title
>
head
>
>
>
123div
>
>
123p
>
>
123h1
>
href
="#"
>
123a
>
>
123strong
>
body
>
html
>
我們希望div,p.h1
div
div, p, h1效果如下:
復合選擇器
復合選擇器 復合選擇器是由兩個或多個基礎選擇器，通過不同的方式組合而成的，目的是為了可以選擇更準胡更精細的目標元素標籤。交集選擇器 交集選擇器由兩個選擇器構成，其中第乙個為標籤選擇器，第二個為class選擇器，兩個選擇器之間不能有空格，如h3.special。用的相對來說比較少，不太建議使用。並集選...
復合選擇器
復合選擇器 交集選擇器 連線無空格 pdiv 並集選擇器 連線逗號 p,div 後代元素選擇器 連線空格 p div 子代元素選擇器 連線大於號 p div 相鄰元素選擇器 連線加號 p div 兄弟元素選擇器 連線波浪號 p div 樣式 style 外邊距 上 右 下 左 margin 0 內邊...
復合選擇器
lang zh charset utf 8 documenttitle 將class為abc的p字型設定為5px p.abc 此時以類選擇器開頭出現問題，含元素選擇器必須以元素選擇器開頭 abcp 將class為a b c的元素設定為藍色 a.b.c 將h1元素和span元素都設定為綠色 h1,sp...