復合選擇器

復合選擇器

交集選擇器: 連線無空格

pdiv{

並集選擇器： 連線逗號（，）

p,div{

後代元素選擇器： 連線空格

p div{

子代元素選擇器： 連線大於號（>）

p>div{

相鄰元素選擇器： 連線加號（+）

p+div{

兄弟元素選擇器： 連線波浪號（~）

p~div{

樣式—style

外邊距： （上 右 下 左）

margin: 0;

內邊距： （同上）

padding: 0;

邊框： (寬度 樣式 顏色)

border: 1px soild red ;

怪異盒模型： （邊框固定）

box-sizing: border-box;

父子元素外邊距合併：1.給父級新增邊框(border)

​ 2.給父級新增內邊距(padding)

​ 3.溢位隱藏：(overflow:hidden; )

兄弟元素外邊距合併： 以大距離為標準

復合選擇器

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

復合選擇器

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

復合選擇器

lang zh charset utf 8 documenttitle 將class為abc的p字型設定為5px p.abc 此時以類選擇器開頭出現問題，含元素選擇器必須以元素選擇器開頭 abcp 將class為a b c的元素設定為藍色 a.b.c 將h1元素和span元素都設定為綠色 h1,sp...