亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

CSS Selector覆蓋順序

bigdevil_s / 1053人閱讀

摘要：我們都知道的定義是可以被覆蓋的，但是覆蓋的順序可能并不清楚，本文的目的就在于介紹的覆蓋順序。之間的優(yōu)先級順序以下是不同之間的優(yōu)先級，選擇器。終極覆蓋法關(guān)鍵字能夠覆蓋一切定義，無視前面提到的優(yōu)先級順序。

我們都知道CSS的定義是可以被覆蓋的，但是覆蓋的順序可能并不清楚，本文的目的就在于介紹CSS的覆蓋順序。

三種類型CSS的優(yōu)先級順序

CSS有三種類型:

inline style：以style屬性的形式直接寫在標(biāo)簽上的

embedded style：寫在html文件的里的

external stylesheet：引用的外部css文件

這三種類型的CSS的優(yōu)先級就是上面所講的順序。將通俗點(diǎn)就是inline style肯定會覆蓋embedded style的定義，而embedded style肯定會覆蓋external stylesheet的定義。

當(dāng)然，如果引用多個external stylesheet的話，那么后面的也會覆蓋前面的。

CSS selector之間的優(yōu)先級順序

以下是不同selector之間的優(yōu)先級:

The ID selector，ID選擇器。#a{...}

The attribute selector，屬性選擇器。a[target=_blank]{...}

The class selector，類選擇器。.classa{...}

The child selector，子元素選擇器。table > tr {...}

The adjacent sibling selector，相鄰元素選擇器。.classa + .classb {...}

The descendant selector，兒孫輩選擇器。div td {...}

The type selector，元素類型選擇器。input{...}

同樣，在相同的選擇器類型之間后面的會覆蓋前面的定義。

終極覆蓋法

!important關(guān)鍵字能夠覆蓋一切定義，無視前面提到的優(yōu)先級順序。

比如:color:red !important;。不論這段CSS寫在什么地方，還是以什么selector出現(xiàn)，都會覆蓋其他的CSS定義。

參考資料

http://www.w3.org/TR/selector...

http://www.alternategateways....

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

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/111458.html

相關(guān)文章

  • 關(guān)于CSS的個人理解

    摘要：的個人理解一概念層疊樣式表，主要由屬性和屬性值組成。如何應(yīng)用內(nèi)聯(lián)樣式優(yōu)先級最高，但由于會造成代碼冗余及代碼更新任務(wù)龐大，一般不采用。聲明塊格式的丟失最易導(dǎo)致錯誤。當(dāng)浮動元素?zé)o法承載子元素的時候，子元素會在下一行顯示。浮動元素的無法合并。 CSS的個人理解 一、概念 層疊樣式表，主要由屬性和屬性值（value）組成。（雖然HTML、CSS對代碼大小寫不敏感，但是屬性和屬性值對代碼大小寫是...

    Rango 評論0 收藏0

  • 編碼規(guī)范-css.md

    摘要：單行規(guī)則聲明只包含一條聲明的樣式，為了易讀性和便于快速編輯，建議將語句放在同一行。命名名稱中只能出現(xiàn)小寫字符和破折號不是下劃線，也不是駝峰命名法。設(shè)置文件編碼為。其他參考網(wǎng)址編碼規(guī)范的優(yōu)先級機(jī)制瀏覽器加載，解析，渲染標(biāo)簽 寫在前面 對于不同的編程語言來說，具體的編碼規(guī)范各不相同，但是其宗旨都是一致的，就是保證代碼在高質(zhì)量完成需求的同時具備良好的可讀性、可維護(hù)性。 本文大部分內(nèi)容來自網(wǎng)...

    ARGUS 評論0 收藏0

  • CSS編碼規(guī)范

    摘要：代碼風(fēng)格文件建議文件使用無的編碼。解釋編碼具有更廣泛的適應(yīng)性。示例空格強(qiáng)制選擇器與之間必須包含空格。示例字號強(qiáng)制需要在平臺顯示的中文內(nèi)容，其字號應(yīng)不小于。示例響應(yīng)式強(qiáng)制不得單獨(dú)編排，必須與相關(guān)的規(guī)則一起定義。 轉(zhuǎn)載：原地址 1 前言 CSS作為網(wǎng)頁樣式的描述語言，在百度一直有著廣泛的應(yīng)用。本文檔的目標(biāo)是使CSS代碼風(fēng)格保持一致，容易被理解和被維護(hù)。 雖然本文檔是針對CSS設(shè)計(jì)的，...

    flyer_dev 評論0 收藏0

  • 代碼質(zhì)量管理——如何寫出優(yōu)雅地代碼

    摘要：高內(nèi)聚不應(yīng)該將沒有任何聯(lián)系的東西堆到一起。高內(nèi)聚是值得要的，因?yàn)樗馕吨惪梢愿玫貓?zhí)行一項(xiàng)工作。高內(nèi)聚有助于緩解高耦合，高耦合是需要高內(nèi)聚的標(biāo)志。對于開發(fā)者來說，高內(nèi)聚通常比低耦合更有幫助，盡管兩者通?？梢砸黄鹜瓿伞? 作為一個剛寫代碼不久的小菜鳥，工作的半年多讓我越發(fā)意識到提高代碼質(zhì)量的重要性。從前只會關(guān)注實(shí)現(xiàn)功能，慢慢的開始關(guān)注性能，現(xiàn)階段則發(fā)現(xiàn)其實(shí)還有很多細(xì)節(jié)也是（如可讀性、易用...

    Miracle_lihb 評論0 收藏0

發(fā)表評論

0條評論

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