摘要:一級聯(lián)概念級聯(lián)是的簡寫,說明級聯(lián)是非常重要的。二繼承中有些規(guī)則將會默認被子元素繼承,有些則不會。應(yīng)用瀏覽器的默認樣式不設(shè)定,表現(xiàn)該規(guī)則本來特性,即如果該規(guī)則具有繼承屬性則繼承,否則不繼承。
一、級聯(lián)
概念:級聯(lián)(The cascade),CSS是Cascading Style Sheet的簡寫,說明級聯(lián)是非常重要的。從表層來看,級聯(lián)表明CSS規(guī)則的順序問題,但是級聯(lián)遠比這個復(fù)雜,在所有的選擇器中摸個選擇器定義的規(guī)則是否能夠勝出(既優(yōu)先級)取決于三個元素:Important,Specificity,Source order。
1、!Important聲明(Important)在css規(guī)則的值末尾添加“!Important”能夠保證該規(guī)則優(yōu)先其它規(guī)則,但是一般不建議使用“!Important”,因為它會改變聯(lián)級的工作方式,使得調(diào)試變得困難。
例如:2、SpecificityThis is a paragraph.
One selector to rule them all
通過四個特性值來量化一個選擇器
2.1. Thousands
Inline style(嵌入式樣式),即直接寫在元素里面,加1,0,0,0 例:
2.2. Hundreds
包含在一個選擇器中所有的ID選擇器 例:#div
2.2. Tens
包含在一個選擇器中的所有 類屬性選擇器,類選擇器,偽類選擇器 例:.classes、[attributes]、#focus:hover
2.4. Ones
包含在一個選擇器中的所有元素選擇器,偽元素選擇器 例: ::after3、代碼順序 (Source order)
如果多個競爭選擇器具有相同的重要性和特性值,代碼順序就發(fā)揮作用了,后來規(guī)則優(yōu)先前面規(guī)則。二、繼承(Inheritance)
CSS中有些規(guī)則將會默認被子元素繼承,有些則不會。比如font系列屬性,文本系列屬性、列表系列屬性,cursor
CSS提供了三個特殊的值用來處理繼承
1) inherit 繼承父元素的樣式 2) initial 不繼承。應(yīng)用瀏覽器的默認樣式 3) unset 不設(shè)定,表現(xiàn)該規(guī)則本來特性,即如果該規(guī)則具有繼承屬性則繼承,否則不繼承。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/115943.html
摘要:一級聯(lián)概念級聯(lián)是的簡寫,說明級聯(lián)是非常重要的。二繼承中有些規(guī)則將會默認被子元素繼承,有些則不會。應(yīng)用瀏覽器的默認樣式不設(shè)定,表現(xiàn)該規(guī)則本來特性,即如果該規(guī)則具有繼承屬性則繼承,否則不繼承。 一、級聯(lián) 概念:級聯(lián)(The cascade),CSS是Cascading Style Sheet的簡寫,說明級聯(lián)是非常重要的。從表層來看,級聯(lián)表明CSS規(guī)則的順序問題,但是級聯(lián)遠比這個復(fù)雜,在所有...
摘要:級聯(lián)級聯(lián),是的簡寫,說明級聯(lián)是非常重要的。但是一般建議不使用因為它會改變級聯(lián)的工作方式,使得調(diào)試變得困難。繼承中有些規(guī)則將會默認被子元素繼承,有些則不會。 級聯(lián) 級聯(lián)(The cascade),CSS是Cascading Style Sheet 的簡寫,說明級聯(lián)是非常重要的。從表層來看,級聯(lián)表明CSS規(guī)則的順序問題,但是級聯(lián)遠比這個復(fù)雜,在所有的選擇器中某個選擇器定義的規(guī)則是否能夠勝出...
摘要:學(xué)習(xí)工作中遇到的問題,和容易忘記的零碎知識,部分為摘抄,如若侵權(quán),請告知。將構(gòu)造函數(shù)的指向這個新創(chuàng)建的對象即將指向這個新對象。取消冒泡這種相當(dāng)于全局取消事件冒泡。前端性能的優(yōu)化避免全局查找,全局查找需要涉及作用域鏈上的查找。 學(xué)習(xí)工作中遇到的問題,和容易忘記的零碎知識,部分為摘抄,如若侵權(quán),請告知。 HTML篇 CSS篇 box-sizing: 設(shè)置盒子模型為標(biāo)準(zhǔn)模式或者IE模式。屬性...
摘要:學(xué)習(xí)工作中遇到的問題,和容易忘記的零碎知識,部分為摘抄,如若侵權(quán),請告知。將構(gòu)造函數(shù)的指向這個新創(chuàng)建的對象即將指向這個新對象。取消冒泡這種相當(dāng)于全局取消事件冒泡。前端性能的優(yōu)化避免全局查找,全局查找需要涉及作用域鏈上的查找。 學(xué)習(xí)工作中遇到的問題,和容易忘記的零碎知識,部分為摘抄,如若侵權(quán),請告知。 HTML篇 CSS篇 box-sizing: 設(shè)置盒子模型為標(biāo)準(zhǔn)模式或者IE模式。屬性...
閱讀 3710·2023-04-25 22:43
閱讀 3706·2021-09-06 15:15
閱讀 1332·2019-08-30 15:54
閱讀 3542·2019-08-30 14:20
閱讀 2883·2019-08-29 17:16
閱讀 3117·2019-08-29 15:28
閱讀 3397·2019-08-29 11:08
閱讀 1070·2019-08-28 18:05