一、特殊性規則
選擇器的特殊性由選擇器本身的元件確定;特殊性由四個部分組成,其初始值為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三年級時,我還是乙個膽小如鼠的小女孩。可見右側...