復合選擇器

復合選擇器

復合選擇器是由兩個或多個基礎選擇器，通過不同的方式組合而成的，目的是為了可以選擇更準胡更精細的目標元素標籤。

交集選擇器

交集選擇器由兩個選擇器構成，其中第乙個為標籤選擇器，第二個為class選擇器，兩個選擇器之間不能有空格，如h3.special。

用的相對來說比較少，不太建議使用。

並集選擇器

並集選擇器是各個選擇器通過逗號連線而成的，任何形式的選擇器（包括標籤選擇器、class選擇器、id選擇器等），都可以作為並集選擇器的一部分。如果某些選擇器定義的樣式完全相同，或部分相同，就可以利用並集選擇器為它們定義相同的css樣式。

後代選擇器

後代選擇器又稱為包含選擇器，用來選擇元素或元素組的後代，其寫法就是把外層標籤寫在前面，內層標籤寫在後面，中間用空格分隔。當標籤發生巢狀時，內層標籤就成為外層標籤的後代。

子元素選擇器

子元素選擇器只能選擇作為某元素子元素的元素。其寫法就是把父級標籤寫在前面，子級標籤寫在後面，中間跟乙個 > 進行連線，注意，符號左右兩側各保留乙個空格。

屬性選擇器

e[attr]：存在attr屬性即可

e[attr=val]：屬性值完全等於val

e[attr*=val]：屬性值包含字元並且在「任意」位置

e[attr^=val]：屬性值裡包含val字元並且在「開始」位置

e[attr$=val]：屬性值裡面包含val字元並且在「結束」位置

偽元素選擇器（css3）

1、e::first-letter 文字的第乙個單詞或字（如中文、日文、韓文等）

2、e::first-line 文字第一行；

3、e::selection 可改變選中文字的樣式。

4、e::before和e::after

在e元素內部的開始位置和結束位建立乙個元素，該元素為行內元素，且必須要結合content屬性使用；

**如下：

左側導航欄登入	

屬性選擇器
偽元素選擇器，滑鼠選中被更改。

復合選擇器

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

復合選擇器

復合選擇器 交集選擇器 連線無空格 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...