1. 程式人生 > >前端基礎學習筆記 CSS選擇器

前端基礎學習筆記 CSS選擇器

選擇器

標籤選擇器

通過標籤名字選擇

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元素下面的所有兄弟元素

span

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

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