選擇器的組合是將多個不同形式的選擇器組合起來以確定所選元素。 ## 14.7.1.E.className 舉例： ``` div.c1{ .... } p.cc2{ .... } ``` 注意：他們是“緊挨在一起的”！ 否則就成為了后代選擇器了。 ## 14.7.2.E#id ``` div#id1{ ... } p#id2{ ... } ``` ## 14.7.3.E[屬性選擇器] ``` [src] //找所有有src屬性的標簽 img[src] //找img標簽并且有src屬性 img[src*=”dog”] 找img標簽并且有src屬性并且屬性中包含“dog”這個字符！ ## 14.7.4.并集選擇器：S1, S2 ``` ``` 兩個選擇器，可以使用一個英文逗號（,）連接起來。 表示這兩個選擇器，都使用同樣一個樣式設定（屬性設定）。 ``` 比如： ``` p, div{ ... } #price, .addr{ ... } p.cc, .cc, div .cc2{ ... } ``` ## 14.7.5.更復雜的選擇器組合舉例 ``` #main .container div { .... } #main .box>p[align=”center”] { .... } table#m2 div .box2 p:nth-child(2) { .... } div#m1 .box1 div input[type=’text’]:focus { .... } ```