CSS基礎選擇器溫故-1

1.基本選擇器語法

2.瀏覽器兼容性：瀏覽器對基本選擇器都是一路綠燈通行，能夠放心使用。

3.通配選擇器：選擇全部元素，也能夠選擇某個元素下的全部元素

（1）選擇全部元素： *{margin: 0;padding: 0;}

（2）某個元素下的全部元素：.demo *{background: purple;}

4.ID選擇器

（1）在使用ID選擇器（#id）以前，須要在HTML文檔中給對應的元素設置id屬性並設置其值，才能找到對應的元素

        eg：<div id="demo">HTML結構</div>
（2）ID選擇器具備惟一性，在一個頁面id名只能有一個
（3）在CSS樣式中使用id選擇器，須要在id屬性名前面加上【#】號

        eg：#demo{color: purple;}

5.類選擇器

（1）在HTML中給須要的元素定義class屬性，併爲其設置屬性值
（2）類選擇器在一個頁面中能夠有多個相同的類名，而ID選擇器其id值在整個頁面中是惟一的一個（類選擇器的簡單使用方法）
        eg：.demo{color: purple;}

（3）類選擇器的-多類選擇器：經過兩個或兩個以上類選擇器合併，來定義有別於一個類名的元素效果

        eg：.demo1.demo2{color: purple;}（兩個選擇器之間沒有空格，應緊密相連）

        注：若是一個多類選擇器包含的類名中，其中有一個不存在，這個選擇器將沒法找到匹配的元素

        注：IE6選擇器並不支持多類選擇器，其將以末尾類名爲準

（4）多類選擇器擴展

【3】表示兩種類選擇器，思考：元素選擇器、ID選擇器、類名選擇器，都是選擇器，也就表示均可以互相進行組合

  eg：div#demo{margin: 0;}

　　　div.demo{margin: 0;}

　　　.demo#demo{margin: 0;}

之後還會學習多種選擇器，均可以進行這種組合使用，不過不建議組合過多。一是太複雜，可控性很差；二是徹底沒有這個必要，直接採用一個新的元素更好，而且沒有兼容性問題（IE6不支持）

6.羣組選擇器

（1）羣組選擇器（selector1,selectorN）是將具備相一樣式的元素分組在一塊兒，每一個選擇器之間用逗號（,）隔開

（2）selector1,selector2,selector3,...,selectorN

（3）逗號（,）告訴瀏覽器，規則中包含多個不一樣的選擇器，省去逗號就成了後代選擇器（逗號成空格）或多類選擇器（之間沒有分隔）