復合選擇器

2021-10-24 02:28:44 字數 750 閱讀 1783

lang

="zh"

>

>

charset

="utf-8"

>

>

documenttitle

>

>

/* 將class為abc的p字型設定為5px */

p.abc

/* 此時以類選擇器開頭出現問題,含元素選擇器必須以元素選擇器開頭

.abcp

*//* 將class為a、b、c的元素設定為藍色 */

.a.b.c

/* 將h1元素和span元素都設定為綠色 */

h1,span

style

>

head

>

>

>

華羅庚h1

>

class

="blue abc"

>

埋頭苦幹是第一p

>

class

="blue"

>

熟能生出百巧來p

>

>

勤能補拙是良訓p

>

class

="a b c"

>

一分辛苦一分才p

>

>

加油span

>

body

>

html

>

復合選擇器

假如有下面這麼乙個例子 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 內邊...