CSS特殊性 繼承與層疊

2022-09-25 23:15:12 字數 523 閱讀 2314

一、特殊性規則

選擇器的特殊性由選擇器本身的元件確定;特殊性由四個部分組成,其初始值為0,0,0,0。

1. 對於選擇器中的每乙個id,加0,1,0,0;

2. 對於選擇器中的每乙個類、偽類、屬性選擇,加0,0,1,0;

3. 對於選擇器中的每乙個元素、偽元素,加0,0,0,1;

4. 結合符與萬用字元對於選擇器的特殊性沒有任何貢獻。

注意:1. 0,0,1,0的特殊性比0,0,0,13的特殊性更高。

2. 通程式設計客棧配符 * 的特殊性為0,0,0,0,它是有特殊性的;結合符(比如h1+p中的「+」)根本沒有特殊性;繼承而來的樣式也沒有特殊性。

請看如下**:

css code複製內容到剪貼簿

頁面顯示如下:

關於萬用字元 * :由於 *程式設計客棧 適用於所有元素,而且有0特殊性,往往會在不經意間造成繼承無法實現的情況,應該盡量避免使用 * 選擇器。

3. 指定id屬性的屬性選擇器與id選擇器有本質區別,比如:

css code複製內容到剪貼簿

css繼承 層疊 特殊性

1 什麼是繼承?允許樣式不僅應用於某個特定html標籤元素,而且應用於其後代。例如 p 三年級時,我還是乙個膽小如鼠的小女孩。結果為 三年級時,我還是乙個膽小如鼠的小女孩。2 並非所有的css樣式都具有繼承性?例如 border 1px solid red p 三年級時,我還是乙個膽小如鼠的小女孩。...

CSS的繼承 層疊和特殊性

css的某些樣式是具有繼承性的,那麼什麼是繼承呢?繼承是一種規則,它允許樣式不僅應用於某個特定html標籤元素,而且應用於其後代。比如下面 如某種顏色應用於p標籤,這個顏色設定不僅應用p標籤,還應用於p標籤中的所有子元素文字,這裡子元素為span標籤。p 三年級時,我還是乙個膽小如鼠span 的小女...

CSS的繼承 層疊和特殊性

css的某些樣式是具有繼承性的,那麼什麼是繼承呢?繼承是一種規則,它允許樣式不僅應用於某個特定html標籤元素,而且應用於其後代。比如下面 如某種顏色應用於p標籤,這個顏色設定不僅應用p標籤,還應用於p標籤中的所有子元素文字,這裡子元素為span標籤。p三年級時,我還是乙個膽小如鼠的小女孩。可見右側...