css基礎選擇器和優先順序

2021-09-02 07:30:09 字數 790 閱讀 4935

css基礎選擇器

123456

789753

159123

456789

}-->

123456

123456

id選擇器中:我們在css檔案中,採用

#***

來更改相關樣式

2.class選擇器

class選擇器中:我們採用

.***

3.標籤選擇器

標籤選擇器中:採用標籤直接控制其樣式:

***(標籤)

4.萬用字元

萬用字元即為所有格式的全域性控制:

*5.屬性選擇器

屬性選擇器:

[***(屬性名)]

屬性選擇器將會把所有屬性為***的樣式更改。

優先順序比較:

優先順序比較:!import>行間樣式》id>class>標籤選擇器》萬用字元

優先順序關乎著其控制樣式,及其重要:下面我給出其權重:

權重:!import : 正無窮

行間樣式 : 1000

id : 100

class : 10

標籤 : 1

萬用字元 : 0

這樣就能看的明白了,css基礎選擇器較為簡單。

只是控制的一些相關基礎手段。

後面會慢慢加深。

選擇器優先順序 CSS選擇器優先順序總結

css選擇器優先順序這個問題,相信有點經驗前端都會認為非常簡單,但是我們今天還是來總結一下吧。相信大家應該很少直接在html頁面寫樣式吧,一般都是用link標籤匯入css樣式表。使用者自定義樣式表就是我們用link標籤引入的css樣式表,為了保持不同瀏覽器下樣式相同,所以我們的自定義樣式表一般都會覆...

CSS 選擇器優先順序

css優先順序包含四個級別 文內選擇器,id選擇器,class選擇器,元素選擇器 以及各級別出現的次數。根據這四個級別出現的次數計算得到css的優先順序。css優先順序的計算規則如下 頁面中直接設定style,加1,0,0,0 每個id選擇器 如 id 加0,1,0,0 每個class選擇器 如 c...

css選擇器優先順序

css優先順序即css樣式在瀏覽器中被解析出來的先後順序。css優先順序包含四個級別 行內樣式,id選擇符,class類選擇符,元素選擇符 以及各級別出現的次數。繼承是css的乙個主要特徵,然後繼承的權重很低,比普通元素還要低。1.行內樣式 類似css 的樣式 的優先順序為1,0,0,0,始終高於外...