選擇器

標籤選擇器

通過標籤名字選擇

id選擇器

通過id名字選擇標籤，id名唯一。

命名規則：

1、見名知意，看到名字就知道這個標籤的一個作用。

2、不能用拼音，不要用中文，也不能數字開頭，也不要用特殊符號。

3、建議英文小寫開頭。

4、-符號連詞 _（不建議使用_）searchBar駝峰命名，也不建議使用。

5、不允許命名帶有廣告等英文的單詞，例如ad,adv,adver,advertising，以防止該模組被瀏覽器當成垃圾廣告過濾掉。

類名選擇器

類名class 可以重複，並且可以多個，相同的類名可以控制相同的樣式，不同的類名可以控制不同的樣式。

選擇器選擇範圍越小，優先順序越高。

優先順序越高，覆蓋越強。

優先順序一樣，下面覆蓋上面相同屬性。

id>class>tagName（標籤）

萬用字元選擇器

*{}選中頁面中所有標籤

存放位置的優先順序：行內樣式>內部樣式=外部樣式

組合選擇器

p span{}      後代選擇器

div>span{}  子元素選擇器，選中div元素的子元素span

p+span{}     比鄰元素選擇器，選中p元素下面的一個兄弟元素span

p~span{}     兄弟元素選擇器，選中p元素下面的所有兄弟元素

p,a,span{}   多元素選擇器

選擇器不能從內往外，不能從下往上選。