以前介紹了3種（標記選擇器、類別選擇器、id選擇器）基本的選擇器，以這3種基本選擇器為基礎，通過組合，還可以產生更多種類的選擇器，實現更強、更方便的選擇功能，復合選擇器就是由基本選擇器通過不同的連線方式構成的。
復合選擇器就是兩個或多個基本選擇器，通過不同方式連線而成的選擇器。
1. 「交集」選擇器
「交集」復合選擇器由兩個選擇器直接連線構成，其結果是選中二者各自元素範圍的交集。其中第1個必須是標記選擇器，第2個必須是類別選擇器或者是id選擇器。這兩個選擇器之間不能有空格，必須連續書寫，形式如圖1所示。
圖1 標記類別選擇器
這種方式構成的選擇器，將選中同時滿足前後二者定義的元素，也就是前者所定義的標記型別，並且指定了後者的類別或者id的元素，因此被稱為「交集」選擇器。
例如，宣告了p、.special、p.special這3種選擇器，它們的選擇範圍如圖2所示。
圖2 交集選擇器示意圖
下面舉乙個實際案例，**如下：
上面的**中定義了標記的樣式，也定義「.special」類別的樣式，此外還單獨定義了p.special，用於特殊的控制，而在這個p.special中定義的風格樣式僅僅適用於標記，而不會影響使用了.special的其他標記，顯示效果如下圖3所示。
圖3 標記.類別選擇器示例
css 復合選擇器 —— 「並集」選擇器
css 復合選擇器 —— 後代選擇器
CSS選擇器 復合選擇器
選擇器 名稱 說明 css 版本 通用選擇器 選擇所有元素 2元素選擇器 選擇指定型別的元素1 id 選擇器 選擇指定 id 屬性的元素1.class 選擇器 選擇指定 class 屬性的元素 1 attr 系列 屬性選擇器 選擇指定 attr 屬性的元素 2 3 s1,s2,s3 分組選擇器 選擇...
CSS復合選擇器
css復合選擇器 復合選擇器是由兩個或多個基礎選擇器，通過不同的方式組合而成的,目的是為了可以選擇更準確更精細的目標元素標籤。交集選擇器 交集選擇器由兩個選擇器構成，其中第乙個為標籤選擇器，第二個為class選擇器，兩個選擇器之間不能有空格，如h3.special。記憶技巧 交集選擇器 是 並且的意...
CSS復合選擇器
div span 又稱包含選擇器，用來選擇元素或元素組的後代，其寫法就是把外層標籤寫在前面，內層標籤寫在後面，中間 用空格分隔。當標籤發生巢狀時，內層標籤就成為外層標籤的後代。div span 由兩個選擇器構成，第乙個選擇器是標籤選擇器 也可以是其他的選擇器 第二個選擇器是class選擇器，兩個選擇...