今天記錄一下CSS基本選擇器!
一、通配符選擇器（＊）
通配符選擇器是用來選擇所有元素，，也可以選擇某個元素下的所有元素。如：
*{ marigin: 0; padding: 0; }
所有瀏覽器支持通配符選擇器。
二、元素選擇器(E)
元素選擇器，是css選擇器中最常見而且最基本的選擇器。元素選擇器其實就是文檔的元素，如html,body,p,div等等，比如我們這個demo：中元素包括了div,ul,li等。
li {background-color: grey;color: orange;}
所有瀏覽器支持元素選擇器(E)。
三、類選擇器（.className）
類選擇器是以一獨立於文檔元素的方式來指定樣式，使用類選擇器之前需要在html元素上定義類名，換句話說需要保證類名在html標記中存在，這樣才能選擇類，如：
<li class="active important items">2</li>
.important {font-weight: bold; color: yellow;}
所有瀏覽器都支持類選擇器，但多類選擇器（.className1.className2）不被ie6支持。
四、id選擇器（#ID）
ID選擇器和上面說的類選擇器是很相似的，在使用ID選擇器之前也需要先在html文檔中加註ID名稱，這樣在樣式選擇器中才能找到相對應的元素，不同的是ID選擇器是一個頁面中唯一的值，我們在類使用時是在相對應的類名前加上一個“.”號（.className）而id選擇器是在名稱前使用"#"如(#id),
所有瀏覽器都支持ID選擇器。
五、後代選擇器（Ｅ Ｆ）
後代選擇器也被稱作包含選擇器,所起作用就是可以選擇某元素的後代元素，比如說:E F，前面E爲祖先元素，Ｆ爲後代元素，所表達的意思就是選擇了Ｅ元素的所有後代Ｆ元素，請注意他們之間需要一個空格隔開。這裏Ｆ不管是E元素的子元素或者是孫元素或者是更深層次的關係，都將被選中，換句話說，不論Ｆ在Ｅ中有多少層關係，都將被選中：
.demo li {color: blue;}
所有瀏覽器都支的後代選擇器。
六、子元素選擇器(E>F)
子元素選擇器只能選擇某元素的子元素，其中E爲父元素，而F爲子元素，其中E>F所表示的是選擇了Ｅ元素下的所有子元素Ｆ。這和後代選擇器（Ｅ Ｆ）不一樣，在後代選擇器中Ｆ是Ｅ的後代元素，而子元素選擇器Ｅ > F，其中Ｆ僅僅是Ｅ的子元素而以。
ul > li {background: green;color: yellow;}
IE6不支持子元素選擇器。
七、相鄰兄弟元素選擇器(E + F)
相鄰史弟選擇器可以選擇緊接在另一元素後的元素，而且他們具有一個相同的父元素，換句話說，EF兩元素具有一個相同的父元素，而且Ｆ元素在Ｅ元素後面，而且相鄰，這樣我們就可以使用相鄰兄弟元素選擇器來選擇Ｆ元素。
li + li {background: green;color: yellow; border: 1px solid #ccc;}
IE6不支持這個選擇器
八、通用兄弟選擇器（Ｅ ～ Ｆ）
通用兄弟元素選擇器是CSS3新增加一種選擇器，這種選擇器將選擇某元素後面的所有兄弟元素，他們也和相鄰兄弟元素類似，需要在同一個父元素之中，換句話說，E和F元素是屬於同一父元素之內，並且F元素在Ｅ元素之後，那麼E ~ F 選擇器將選擇中所有Ｅ元素後面的Ｆ元素。比如下面的代碼：
.active ~ li {background: green;color: yellow; border: 1px solid #ccc;}
IE6不支持這種選擇器的用法。
九、羣組選擇器（selector1,selector2,...,selectorN）
羣組選擇器是將具有相同樣式的元素分組在一起，每個選擇器之間使用逗號“，”隔開，如上面所示selector1,selector2,...,selectorN。這個逗號告訴瀏覽器，規則中包含多個不同的選擇器，如果不有這個逗號，那麼所表達的意就完全不同了，省去逗號就成了我們前面所說的後代選擇器，這一點大家在使用中千萬要小心加小心。我們來看一個簡單的例子：
所有瀏覽器都支持羣組選擇器。
上面九種選擇器是CSS3中的基本選擇器，而我們最常用的是元素選擇器、類選擇器、ID選擇器、後代選擇器、羣組選擇器，同時大家可以在實際應用中把這些選擇器結合起來使用，達到目的就行了。