国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

CSS札記（二）：級聯與繼承

stonezhu / 1377人閱讀

摘要：一級聯概念級聯是的簡寫，說明級聯是非常重要的。二繼承中有些規則將會默認被子元素繼承，有些則不會。應用瀏覽器的默認樣式不設定，表現該規則本來特性，即如果該規則具有繼承屬性則繼承，否則不繼承。

一、級聯

概念:級聯（The cascade）,CSS是Cascading Style Sheet的簡寫，說明級聯是非常重要的。從表層來看，級聯表明CSS規則的順序問題，但是級聯遠比這個復雜，在所有的選擇器中摸個選擇器定義的規則是否能夠勝出（既優先級）取決于三個元素：Important,Specificity,Source order。

1、！Important聲明（Important）

在css規則的值末尾添加“！Important”能夠保證該規則優先其它規則，但是一般不建議使用“！Important”,因為它會改變聯級的工作方式，使得調試變得困難。

例如：


This is a paragraph.


One selector to rule them all
2、Specificity

通過四個特性值來量化一個選擇器

2.1. Thousands

Inline style(嵌入式樣式)，即直接寫在元素里面，加1,0,0,0
例：

2.2. Hundreds

包含在一個選擇器中所有的ID選擇器
例：#div

2.2. Tens

包含在一個選擇器中的所有 類屬性選擇器，類選擇器，偽類選擇器
例：.classes、[attributes]、#focus:hover

2.4. Ones

包含在一個選擇器中的所有元素選擇器，偽元素選擇器
例： ::after
3、代碼順序 (Source order) 
如果多個競爭選擇器具有相同的重要性和特性值，代碼順序就發揮作用了，后來規則優先前面規則。
二、繼承（Inheritance）

CSS中有些規則將會默認被子元素繼承，有些則不會。比如font系列屬性，文本系列屬性、列表系列屬性，cursor
CSS提供了三個特殊的值用來處理繼承

1) inherit 繼承父元素的樣式    
2) initial 不繼承。應用瀏覽器的默認樣式    
3) unset 不設定，表現該規則本來特性，即如果該規則具有繼承屬性則繼承，否則不繼承。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/52110.html

相關文章

  • CSS札記（二）：級聯與繼承

    摘要：一級聯概念級聯是的簡寫，說明級聯是非常重要的。二繼承中有些規則將會默認被子元素繼承，有些則不會。應用瀏覽器的默認樣式不設定，表現該規則本來特性，即如果該規則具有繼承屬性則繼承，否則不繼承。 一、級聯 概念:級聯（The cascade）,CSS是Cascading Style Sheet的簡寫，說明級聯是非常重要的。從表層來看，級聯表明CSS規則的順序問題，但是級聯遠比這個復雜，在所有...

    Caizhenhao 評論0 收藏0

  • css級聯與繼承

    摘要：級聯級聯，是的簡寫，說明級聯是非常重要的。但是一般建議不使用因為它會改變級聯的工作方式，使得調試變得困難。繼承中有些規則將會默認被子元素繼承，有些則不會。 級聯 級聯(The cascade)，CSS是Cascading Style Sheet 的簡寫，說明級聯是非常重要的。從表層來看，級聯表明CSS規則的順序問題，但是級聯遠比這個復雜，在所有的選擇器中某個選擇器定義的規則是否能夠勝出...

    xorpay 評論0 收藏0

  • 前端學習札記

    摘要：學習工作中遇到的問題，和容易忘記的零碎知識，部分為摘抄，如若侵權，請告知。將構造函數的指向這個新創建的對象即將指向這個新對象。取消冒泡這種相當于全局取消事件冒泡。前端性能的優化避免全局查找，全局查找需要涉及作用域鏈上的查找。 學習工作中遇到的問題，和容易忘記的零碎知識，部分為摘抄，如若侵權，請告知。 HTML篇 CSS篇 box-sizing： 設置盒子模型為標準模式或者IE模式。屬性...

    piglei 評論0 收藏0

  • 前端學習札記

    摘要：學習工作中遇到的問題，和容易忘記的零碎知識，部分為摘抄，如若侵權，請告知。將構造函數的指向這個新創建的對象即將指向這個新對象。取消冒泡這種相當于全局取消事件冒泡。前端性能的優化避免全局查找，全局查找需要涉及作用域鏈上的查找。 學習工作中遇到的問題，和容易忘記的零碎知識，部分為摘抄，如若侵權，請告知。 HTML篇 CSS篇 box-sizing： 設置盒子模型為標準模式或者IE模式。屬性...

    jkyin 評論0 收藏0

發表評論

0條評論

stonezhu

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<