選擇器,優先順序

2021-08-20 06:02:11 字數 1396 閱讀 8694

內聯式css樣式表就是把css**直接寫在現有的html標籤中,如下面**:

這裡文字是紅色。

(盡量不要把css 寫成內部樣式;縮排統一。)

2. 嵌入式css樣式,就是可以把css樣式**寫在標籤之間。

3. 外部式css樣式(也可稱為外聯式)就是把css**寫乙個單獨的外部檔案中,這個css樣式檔案以「.css

注意:1、css樣式檔名稱以有意義的英文本母命名,如 main.css。

2、rel="stylesheet" type="text/css" 是固定寫法不可修改。

3、標籤位置一般寫在標籤之內。

***記住他們的優先順序:內聯式 > 嵌入式 > 外部式

但是嵌入式》外部式有乙個前提:嵌入式css樣式的位置一定在外部式的後面。如右**編輯器就是這樣,**在**的前面(實際開發中也是這麼寫的)

其實總結來說,就是--就近原則(離被設定元素越近優先級別越高)

但注意上面所總結的優先順序是有乙個前提:內聯式、嵌入式、外部式樣式表中css樣式是在的相同權值的情況下。

繼承性::有一些屬性,當給自己設定的時候,自己的後代都繼承上了,這個就是繼承性。

哪些屬效能繼承?

color、 text-開頭的、line-開頭的、font-開頭的。

這些關於文字樣式的,都能夠繼承; 所有關於盒子的、定位的、布局的屬性都不能繼承。

有的時候我們為同乙個元素設定了不同的css樣式**,那麼元素會啟用哪乙個css樣式呢?

標籤的權值為1,類選擇符的權值為10,id選擇符的權值最高為100。注意:還有乙個權值比較特殊--繼承也有權值但很低,有的文獻提出它只有0.1,所以可以理解為繼承的權值最低。

層疊就是在html檔案中對於同乙個元素可以有多個css樣式存在,當有相同權重的樣式存在時,會根據這些css樣式的前後順序來決定,處於最後面的css樣式會被應用。

我們在做網頁**的時,有些特殊的情況需要為某些樣式設定具有最高權值,怎麼辦?這時候我們可以使用!important來解決。

如下**:

p

p三年級時,我還是乙個膽小如鼠的小女孩。

!important;}

p三年級時,我還是乙個膽小如鼠的小女孩。

這時 p 段落中的文字會顯示的red紅色。

注意:!important要寫在分號的前面

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

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

選擇器優先順序

css優先順序 是由四個級別和各級別的出現次數決定的。四個級別分別為 行內選擇符 id選擇符 類別選擇符 元素選擇符。優先順序的演算法 每個規則對應乙個初始 四位數 0 0 0 0 若是 行內選擇符,則加1 0 0 0 若是id選擇符,則加0 1 0 0 若是 類選擇符 屬性選擇符 偽類選擇符,則分...

CSS 選擇器優先順序

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