CSS三大特性(層疊性,繼承性,權重)
CSS三大特性
1.層疊性
前提：相同的選擇器，設定相同的樣式屬性。
原則：就近原則；
2.繼承性
一般情況下：子元素可以繼承父元素的 字型和文字相關的樣式
font- text- line-height color (寬高不能繼承)
行高的繼承性
body{
font:12px/1.5 Microsoft YaHei
}
如果子元素沒設定行高，則會繼承父元素的行高為1.5
此時子元素的行高是：當前元素的文字大小*1.5
優勢：子元素可以根據自己文字的大小自動調節行高
3.權重（優先順序）
| 選擇器 | 選擇器權重 |
|---|---|
| 繼承 或 * | 0，0，0，0 |
| 標籤選擇器 | 0，0，0，1 |
| 類元素選擇器 ，偽類選擇器，屬性選擇器 | 0，0，1，0 |
| id選擇器 | 0，1，0，0 |
| 行內樣式 | 1，0，0，0 |
| ！important | 正無窮大 |
注意：1.權重有四位數，但不會有進位。
2. 256進位制。可以理解為類選擇器永遠大於標籤選擇器，id選擇器永遠大於類選擇器。
3.判斷從左往右
4. 繼承的權重為0
相關文章
- CSS三個特性：層疊性、繼承性、優先順序CSS繼承
- CSS樣式表的繼承性和層疊性CSS繼承
- CSS系列：CSS的繼承與層疊特性CSS繼承
- CSS的特性之層疊性介紹CSS
- CSS的三大特性（繼承、層疊和優先順序）CSS繼承
- CSS學習摘要-層疊和繼承CSS繼承
- css屬性的可繼承性CSS繼承
- css可繼承屬性和非繼承屬性一覽CSS繼承
- css的繼承性及特例CSS繼承
- 好程式設計師HTML5培訓教程-css樣式的繼承性、層疊性 、優先順序程式設計師HTMLCSS繼承
- 深入解析CSS樣式層疊權重值CSS
- 強大的CSS：var變數的區域性作用域（繼承）特性CSS變數繼承
- 【Hello CSS】第七章-CSS的繼承與可變性CSS繼承
- CSS中可以和不可以繼承的屬性CSS繼承
- c#屬性之繼承C#繼承
- 好程式設計師前端教程css中可被繼承和不可被繼承的屬性程式設計師前端CSS繼承
- 類&成員可見性&繼承繼承
- CSS層疊CSS
- 12.8學習日報（背景簡寫、選擇器繼承性、選擇器的權重）繼承
- CSS之定位和堆疊屬性CSS
- python高階語法：繼承性Python繼承
- DIV重疊 CSS讓DIV層疊 兩個DIV或多個DIV順序重疊加CSS
- html優先順序和層疊性HTML
- [CSS LEARN]層疊上下文、層疊等級、層疊順序CSS
- 領域實體有沒有繼承性？繼承
- java -繼承 -重寫Java繼承
- CSS 繼承深度解析CSS繼承
- CSS樣式繼承CSS繼承
- css 層疊上下文和層疊順序CSS
- CSS層疊機制CSS
- JAVA物件導向高階：繼承：許可權修飾符（繼承注意事項） 單繼承 Object類 方法重寫Java物件繼承Object
- CSS——CSS 結構和層疊CSS
- python 基礎之繼承、重寫、多繼承Python繼承
- [譯] 繼承 JavaScript 類中的靜態屬性繼承JavaScript
- js hasOwnProperty()函式判斷屬性是非繼承JS函式繼承
- 一次 outline 去除經驗（非繼承屬性，看著像繼承）繼承
- CSS樣式表繼承CSS繼承
- CSS 元素層疊順序CSS