上海網站建設web前端開發基礎教程：復合選擇器

css復合選擇器

復合選擇器是有兩個或者多個基礎選擇器，通過不同的方式組合而成的，具體如下：

1.標簽指定是選擇器（即..又..）

標簽指定式選擇器又稱交集選擇器，由兩個選擇器構成，其中第一個為標記選擇器，第二個為class選擇器或者id選擇器，兩個選擇器之間不能有空格，如h2.class。此種類型效率不高，使用不多，了解即可。

2.后代選擇器（包含選擇器）

后代選擇器用來選擇元素或者元素組的后代，其寫法就是把外層標記卸載前面，內層標記寫在后面，中間用空格分隔。當標記發生嵌套時，內層標記就成為外層標記的后代。寫法：.box li {}

3.并集選擇器

并集選擇器是各個選擇器通過逗號鏈接而成的，任何形式的選擇器（包括標記選擇器、class類選擇器、id選擇器等），都可以作為并集選擇器的一部分。如果某些選擇器定義的樣式完全相同，或部分相同，就可以利用并集選擇器為它們定義相同的css樣式。寫法：h1,  h2,  p {}

4.子元素選擇器

子代選擇器，是讓css選擇器只能選擇兒子被的元素

例如：h1 >strong{color:red;}

解讀為：選擇器h1>strong可以解釋為“選擇作為h1元素子元素的所有strong元素”。尖括號和選擇器之間可以有空格也可以沒有，沒有限制，我們一般會加上空格為了保持代碼的協調性。

• 上一篇：web前端開發基礎教程：標簽選擇器和通配符選擇器
• 下一篇：上海網站建設web前端開發基礎教程：偽類和偽元素