05-CSS的三個特性：層疊性、繼承性、優先級性

CSS有三個特性：層疊性、繼承性、優先級

一、層疊性

• 相同選擇器給設定相同的樣式，此時一個樣式就會覆寫（層疊）另一個沖突的樣式。層疊性主要用來解決樣式沖突的問題

層疊性原則：

• (1)、樣式沖突，遵循的原則是就近原則，哪個樣式離結構近就執行哪一個，即Css中後面寫到樣式會層疊掉前面寫的樣式
• (2)、樣式不沖突，就不會有層疊，如果選的是同一個元素，則會按照優先級執行

二、繼承性（樣式的繼承）

• CSS中的繼承：子元素會繼承父元素标簽的某些樣式，如文本顔色和字号等
• 簡單了解，就是子承父業
• 可以恰當使用繼承性可以簡化代碼，降低CSS樣式的複雜性

繼承性原則

• 子元素的樣式可以繼承祖先元素的樣式，但是有些樣式不能被繼承
• 背景樣式，邊框樣式，定位樣式，等等都不會被繼承
• 隻跟文字相關的樣式會被繼承，如文本大小，文字顔色，行高等
• 像字型相關的[font-size/line-height/font-weight]基本都要繼承，而跟盒模型相關的[margin/padding/border]基本就不繼承。

優先級性

• 當同一個元素指定多個選擇器，就會有優先級的産生
• 選擇器相同，則執行層疊行
• 選擇器不同，則根據選擇器權重優先級執行
• 權重有四位數，有疊加，不會有進位
• 權重：繼承或通配符（0）<元素選擇器（1）<類選擇器/僞類選擇器（10）<id選擇器（100）<行内樣式（1000）<!import（無窮大）

附加：

css樣式書寫順序;先布局，其次自身，然後文本，最後其他