級聯(the cascade)，css是cascading style sheet 的簡寫，說明級聯是非常重要的。從表層來看，級聯表明css規則的順序問題，但是級聯遠比這個複雜，在所有的選擇器中某個選擇器定義的規則是否能夠勝出（即優先順序）取決於三個元素：importance，specificity，source order
①.!important宣告(importance)
在css規則的值末尾新增"!important"能夠保證該規則優先其他規則。但是一般建議不使用"!important",因為它會改變級聯的工作方式，使得除錯變得困難。`this is a paragraph.
one selector to rule them all!
`
通過4個特性值來量化乙個選擇器
宣告在元素的style屬性中。特性值記為1000
包含在乙個選擇器中的所有id選擇器
包含在乙個選擇器中的所有類選擇器，屬性選擇器，偽類選擇器
包含在乙個選擇器中的所有元素選擇器，偽元素選擇器
③.**順序 (source order)
如果多個競爭選擇器具有相同的重要性和特性值，**順序就發揮作用了，後來規則優先前面規則。css提供了三個特殊的值用來處理繼承
1) inherit 繼承父元素的樣式
2) initial 不繼承。應用瀏覽器的預設樣式
3) unset 不設定，表現該規則本來特性，即如果該規則具有繼承屬性則繼承，否則不繼承。
CSS3選擇器 級聯 繼承
css3選擇器 級聯繼承 css3選擇器在應用時總是出現錯誤，檢查 才發現原來時選擇器就沒搞明白，今天我要單拿出來總結一下。首先要搞清楚html中的標籤，簡單梳理下html常用標籤。行內標籤，與行內標籤共享一行空間 寬高由內容決定，設定寬高無效 href a span i em u strong s...
CSS 繼承與層疊
css 繼承 即，從父元素那繼承部分css屬性 好處 1.父元素設定樣式，子元素可以繼承部分屬性 2.減少css 注意 當元素本身的樣式與繼承而來的樣式有衝突時，將忽略繼承來的樣式，如下 chrom瀏覽器預設字型大小是16px h1 預設字型大小font size 是2em 正常字型的兩倍 因此，在...
css 繼承與組合
繼承是 css中經常要用到的技術，好處是可以盡量讓頁面的 減少重複利用，但是隨時專案越來越大，需求的不斷變化，css 就會變得越來越臃腫，後期難以控制和維護。其實，css 和普通程式 在編寫的時候有很多的相似之處，下面我們就用試試用組合的方式是不是能更好的解決這個問題。下面是一段普通的 1.box ...