古之立大事者，不惟有超世之才，亦必有堅忍不拔之志。——蘇軾這篇部落格主要介紹的是 css 選擇器的第三種分類——組合選擇器。組合選擇器是將我們之前所學習的 css 選擇器的用法結合到一起的一種用法，從定位 html 元素的結果上可以分為如下兩種：
正文開始
交集與並集是數學上的知識，這裡我們先介紹乙個其概念
若 a 和 b 是集合，則 a 和 b 並集是有所有 a 的元素和所有 b 的元素，而沒有其他元素的集合。a和b的並集通常寫作 「a∪b」，讀作 「a並b」。如下圖所示
設 a，b 是兩個集合，由所有屬於集合 a 且屬於集合 b 的元素所組成的集合，叫做集合 a 與集合 b 的交集，這裡我們用集合 c 表示。
所謂的並集選擇器是為了合併類似的樣式，可以把選擇器不同但樣式相同的 css 語法塊做合併，從而得到更為簡潔的樣式表。
例如如果要為至標題元素設定相同的背景顏色，可以如下示例**所示：
h1
h2h3
h4h5
h6
h1, h2, h3, h4, h5, h6
組合（並集）選擇器是使用逗號（,）分隔不同的選擇器，並為這些不同的選擇器定義相同的 css 宣告。組合（並集）選擇器的語法結構如下所示：
選擇器1, 選擇器2, ... ...
例如如果我們要為所有class屬性值為cls的元素設定 css 樣式的話，具體實現的**如下所示：
p.cls
組合（交集）選擇器在多個選擇器之間不需要任何分隔符進行分隔，只需要將多個選擇器依次編寫即可。組合（交集）選擇器的語法結構如下所示：
選擇器1選擇器2... ...
說明：組合（交集）選擇器中多個選擇器的執行順序是按照編寫的先後順序執行的。這篇部落格介紹的是 css 選擇器中的組合選擇器，其中包含組合並集選擇器和組合交集選擇器。這兩種選擇器具有如下特點：
邁進前端 08 CSS 選擇器之偽類選擇器
古之立大事者，不惟有超世之才，亦必有堅忍不拔之志。蘇軾 這篇部落格主要介紹 css 選擇器中的偽類選擇器，其中包含什麼是偽類選擇器，偽類選擇器的分類和用法。偽類選擇器的使用離不開我們之前介紹的 css 選擇器，而且用法和作用比較特殊，接下來進入正題 偽類選擇器是一種通過允許通過沒有包含在 html ...
CSS 組合選擇器
1 後代選擇器 包括兒子和孫子 c1 c2 2 子代選擇器 只選擇兒子 c3 c5 3 與選擇器 選擇p標籤下面的.c1的標籤 p.c1 4 或選擇器 同時選擇 p.c1,i1 5 兄弟選擇器 1 相鄰兄弟選擇器 相鄰兄弟選擇器用於匹配某個元素之後緊鄰的另乙個元素，這兩個元素擁有同乙個父級元素並且不...
前端學習之 CSS 選擇器
css選擇有三種 html 元素指的是從開始標籤 start tag 到結束標籤 end tag 的所有 元素選擇器通過標籤名選擇元素。p元素 p元素p元素 效果 id選擇器通過id選擇元素，乙個元素的id應該是唯一的。另乙個元素不應該重複使用 p標籤 p1標籤 效果 當需要多個元素，都使用同樣的c...