成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

css級(jí)聯(lián)與繼承

xorpay / 2481人閱讀

摘要：級(jí)聯(lián)級(jí)聯(lián)，是的簡(jiǎn)寫(xiě)，說(shuō)明級(jí)聯(lián)是非常重要的。但是一般建議不使用因?yàn)樗鼤?huì)改變級(jí)聯(lián)的工作方式，使得調(diào)試變得困難。繼承中有些規(guī)則將會(huì)默認(rèn)被子元素繼承，有些則不會(huì)。

級(jí)聯(lián)

級(jí)聯(lián)(The cascade)，CSS是Cascading Style Sheet 的簡(jiǎn)寫(xiě)，說(shuō)明級(jí)聯(lián)是非常重要的。從表層來(lái)看，級(jí)聯(lián)表明CSS規(guī)則的順序問(wèn)題，但是級(jí)聯(lián)遠(yuǎn)比這個(gè)復(fù)雜，在所有的選擇器中某個(gè)選擇器定義的規(guī)則是否能夠勝出（即優(yōu)先級(jí)）取決于三個(gè)元素：Importance，Specificity，Source order
①.!important聲明(Importance)

在css規(guī)則的值末尾添加"!important"能夠保證該規(guī)則優(yōu)先其他規(guī)則。但是一般建議不使用"!important",因?yàn)樗鼤?huì)改變級(jí)聯(lián)的工作方式，使得調(diào)試變得困難。

例如：

`

This is a paragraph.
        

One selector to rule them all!
`

②.特性值 (Specificity)
通過(guò)4個(gè)特性值來(lái)量化一個(gè)選擇器

Thousands

聲明在元素的style屬性中。特性值記為1000

Hundreds

包含在一個(gè)選擇器中的所有ID選擇器

Tens

包含在一個(gè)選擇器中的所有類(lèi)選擇器，屬性選擇器，偽類(lèi)選擇器

Ones

包含在一個(gè)選擇器中的所有元素選擇器，偽元素選擇器
③.代碼順序 (Source order)

如果多個(gè)競(jìng)爭(zhēng)選擇器具有相同的重要性和特性值，代碼順序就發(fā)揮作用了，后來(lái)規(guī)則優(yōu)先前面規(guī)則。
繼承（Inheritance）

CSS中有些規(guī)則將會(huì)默認(rèn)被子元素繼承，有些則不會(huì)。比如font系列屬性，文本系列屬性、列表系列屬性，cursor
CSS提供了三個(gè)特殊的值用來(lái)處理繼承
1) inherit 繼承父元素的樣式
2) initial 不繼承。應(yīng)用瀏覽器的默認(rèn)樣式
3) unset 不設(shè)定，表現(xiàn)該規(guī)則本來(lái)特性，即如果該規(guī)則具有繼承屬性則繼承，否則不繼承。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/115887.html

相關(guān)文章

  • CSS札記（二）：級(jí)聯(lián)與繼承

    摘要：一級(jí)聯(lián)概念級(jí)聯(lián)是的簡(jiǎn)寫(xiě)，說(shuō)明級(jí)聯(lián)是非常重要的。二繼承中有些規(guī)則將會(huì)默認(rèn)被子元素繼承，有些則不會(huì)。應(yīng)用瀏覽器的默認(rèn)樣式不設(shè)定，表現(xiàn)該規(guī)則本來(lái)特性，即如果該規(guī)則具有繼承屬性則繼承，否則不繼承。 一、級(jí)聯(lián) 概念:級(jí)聯(lián)（The cascade）,CSS是Cascading Style Sheet的簡(jiǎn)寫(xiě)，說(shuō)明級(jí)聯(lián)是非常重要的。從表層來(lái)看，級(jí)聯(lián)表明CSS規(guī)則的順序問(wèn)題，但是級(jí)聯(lián)遠(yuǎn)比這個(gè)復(fù)雜，在所有...

    Caizhenhao 評(píng)論0 收藏0

  • CSS札記（二）：級(jí)聯(lián)與繼承

    摘要：一級(jí)聯(lián)概念級(jí)聯(lián)是的簡(jiǎn)寫(xiě)，說(shuō)明級(jí)聯(lián)是非常重要的。二繼承中有些規(guī)則將會(huì)默認(rèn)被子元素繼承，有些則不會(huì)。應(yīng)用瀏覽器的默認(rèn)樣式不設(shè)定，表現(xiàn)該規(guī)則本來(lái)特性，即如果該規(guī)則具有繼承屬性則繼承，否則不繼承。 一、級(jí)聯(lián) 概念:級(jí)聯(lián)（The cascade）,CSS是Cascading Style Sheet的簡(jiǎn)寫(xiě)，說(shuō)明級(jí)聯(lián)是非常重要的。從表層來(lái)看，級(jí)聯(lián)表明CSS規(guī)則的順序問(wèn)題，但是級(jí)聯(lián)遠(yuǎn)比這個(gè)復(fù)雜，在所有...

    stonezhu 評(píng)論0 收藏0

  • 容易忽略的七個(gè)CSS知識(shí)點(diǎn)

    摘要：樣式聲明通過(guò)一個(gè)稱(chēng)為級(jí)聯(lián)的過(guò)程來(lái)解釋和決定。級(jí)聯(lián)級(jí)聯(lián)可能是中最容易被弄錯(cuò)的屬性之一。因此很容易認(rèn)為元素的視覺(jué)邊界等于其寬度，但情況并非如此。 如果你在日常工作中使用CSS，那么你的主要目標(biāo)很可能集中在使事情看起來(lái)是正確的。最終得到的正確結(jié)果遠(yuǎn)比如何實(shí)現(xiàn)更重要。這意味著相比正確的語(yǔ)法和視覺(jué)效果我們更少關(guān)注CSS的實(shí)現(xiàn)原理。 你可能還沒(méi)有意識(shí)到，但CSS的視覺(jué)效果通常是操縱隱藏屬性的間接結(jié)...

    chanthuang 評(píng)論0 收藏0

  • 容易忽略的七個(gè)CSS知識(shí)點(diǎn)

    摘要：樣式聲明通過(guò)一個(gè)稱(chēng)為級(jí)聯(lián)的過(guò)程來(lái)解釋和決定。級(jí)聯(lián)級(jí)聯(lián)可能是中最容易被弄錯(cuò)的屬性之一。因此很容易認(rèn)為元素的視覺(jué)邊界等于其寬度，但情況并非如此。 如果你在日常工作中使用CSS，那么你的主要目標(biāo)很可能集中在使事情看起來(lái)是正確的。最終得到的正確結(jié)果遠(yuǎn)比如何實(shí)現(xiàn)更重要。這意味著相比正確的語(yǔ)法和視覺(jué)效果我們更少關(guān)注CSS的實(shí)現(xiàn)原理。 你可能還沒(méi)有意識(shí)到，但CSS的視覺(jué)效果通常是操縱隱藏屬性的間接結(jié)...

    elina 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<