資訊專欄INFORMATION COLUMN
摘要：我們都知道的定義是可以被覆蓋的，但是覆蓋的順序可能并不清楚，本文的目的就在于介紹的覆蓋順序。之間的優(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)先級就是上面所講的順序。將通俗點就是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://systransis.cn/yun/111458.html
摘要：的個人理解一概念層疊樣式表，主要由屬性和屬性值組成。如何應(yīng)用內(nèi)聯(lián)樣式優(yōu)先級最高，但由于會造成代碼冗余及代碼更新任務(wù)龐大，一般不采用。聲明塊格式的丟失最易導(dǎo)致錯誤。當(dāng)浮動元素?zé)o法承載子元素的時候，子元素會在下一行顯示。浮動元素的無法合并。 CSS的個人理解 一、概念 層疊樣式表，主要由屬性和屬性值（value）組成。（雖然HTML、CSS對代碼大小寫不敏感，但是屬性和屬性值對代碼大小寫是...
摘要：單行規(guī)則聲明只包含一條聲明的樣式，為了易讀性和便于快速編輯，建議將語句放在同一行。命名名稱中只能出現(xiàn)小寫字符和破折號不是下劃線，也不是駝峰命名法。設(shè)置文件編碼為。其他參考網(wǎng)址編碼規(guī)范的優(yōu)先級機制瀏覽器加載，解析，渲染標(biāo)簽 寫在前面 對于不同的編程語言來說，具體的編碼規(guī)范各不相同，但是其宗旨都是一致的，就是保證代碼在高質(zhì)量完成需求的同時具備良好的可讀性、可維護性。 本文大部分內(nèi)容來自網(wǎng)...
摘要：代碼風(fēng)格文件建議文件使用無的編碼。解釋編碼具有更廣泛的適應(yīng)性。示例空格強制選擇器與之間必須包含空格。示例字號強制需要在平臺顯示的中文內(nèi)容，其字號應(yīng)不小于。示例響應(yīng)式強制不得單獨編排，必須與相關(guān)的規(guī)則一起定義。 轉(zhuǎn)載：原地址 1 前言 CSS作為網(wǎng)頁樣式的描述語言，在百度一直有著廣泛的應(yīng)用。本文檔的目標(biāo)是使CSS代碼風(fēng)格保持一致，容易被理解和被維護。 雖然本文檔是針對CSS設(shè)計的，...
摘要：高內(nèi)聚不應(yīng)該將沒有任何聯(lián)系的東西堆到一起。高內(nèi)聚是值得要的，因為它意味著類可以更好地執(zhí)行一項工作。高內(nèi)聚有助于緩解高耦合，高耦合是需要高內(nèi)聚的標(biāo)志。對于開發(fā)者來說，高內(nèi)聚通常比低耦合更有幫助，盡管兩者通?？梢砸黄鹜瓿?。 作為一個剛寫代碼不久的小菜鳥，工作的半年多讓我越發(fā)意識到提高代碼質(zhì)量的重要性。從前只會關(guān)注實現(xiàn)功能，慢慢的開始關(guān)注性能，現(xiàn)階段則發(fā)現(xiàn)其實還有很多細節(jié)也是（如可讀性、易用...
閱讀 3808·2021-11-23 09:51
閱讀 4488·2021-11-15 11:37
閱讀 3556·2021-09-02 15:21
閱讀 2774·2021-09-01 10:31
閱讀 907·2021-08-31 14:19
閱讀 888·2021-08-11 11:20
閱讀 3343·2021-07-30 15:30
閱讀 1713·2019-08-30 15:54
