Css3選取器-基本選取器

標籤：

一、萬用字元選取器（＊）

      萬用字元選取器是用來選擇所有元素，，也可以選擇某個元素下的所有元素。

二、元素選取器(E)

      元素選取器，是css選取器中最常見而且最基本的選取器。

三、類別選取器（.className）

      類別選取器是以一獨立於文件項目的方式來指定樣式，使用類別選取器之前需要在html元素上定義類名，換句話說需要保證類名在html標記中存在，這樣才能選擇類

四、id選取器（#ID）

      ID選取器和上面說的類別選取器是很相似的，在使用ID選取器之前也需要先在html文檔中加註ID名稱，這樣在樣式選取器中才能找到相對應的元素，不同的是ID選取器是一個頁面中唯一的值，我們在類使用時是在相對應的類名前加上一個“.”號（.className）而id選取器是在名稱前使用"#"如(#id).

五、後代選取器（Ｅ Ｆ）

      後代選取器也被稱作包含選取器,所起作用就是可以選擇某元素的後代元素，比如說:E F，前面E為祖先元素，Ｆ為後代元素，所表達的意思就是選擇了Ｅ元素的所有後代Ｆ元素，請注意他們之間需要一個空格隔開。這裡Ｆ不管是E元素的子項目或者是孫元素或者是更深層次的關係，都將被選中，換句話說，不論Ｆ在Ｅ中有多少層關係，都將被選中

六、子項目選取器(E>F)

      子項目選取器只能選擇某元素的子項目，其中E為父元素，而F為子項目，其中E>F所表示的是選擇了Ｅ元素下的所有子項目Ｆ。這和後代選取器（Ｅ Ｆ）不一樣，在後代選取器中Ｆ是Ｅ的後代元素，而子項目選取器Ｅ > F，其中Ｆ僅僅是Ｅ的子項目而以。IE6不支援子項目選取器。

七、相鄰兄弟元素選取器(E + F)

相鄰兄弟選取器可以選擇緊接在另一元素後的元素，而且他們具有一個相同的父元素，換句話說，EF兩元素具有一個相同的父元素，而且Ｆ元素在Ｅ元素後面，而且相鄰，這樣我們就可以使用相鄰兄弟元素選取器來選擇Ｆ元素。IE6不支援這個選取器

八、通用兄弟選取器（Ｅ ? Ｆ） 

通用兄弟元素選取器是CSS3新增加一種選取器，這種選取器將選擇某元素後面的所有兄弟元素，他們也和相鄰兄弟元素類似，需要在同一個父元素之中，換句話說，E和F元素是屬於同一父元素之內，並且F元素在Ｅ元素之後，那麼E ~ F 選取器將選擇中所有Ｅ元素後面的Ｆ元素。IE6不支援這種選取器的用法。

九、群組選取器（selector1,selector2,...,selectorN）

群組選取器是將具有相同樣式的元素分組在一起，每個選取器之間使用逗號“，”隔開，如上面所示selector1,selector2,...,selectorN。這個逗號告訴瀏覽器，規則中包含多個不同的選取器，如果不有這個逗號，那麼所表達的意就完全不同了，省去逗號就成了我們前面所說的後代選取器.

 

Css3選取器-基本選取器