資訊專(zhuān)欄INFORMATION COLUMN
摘要：我們都知道的定義是可以被覆蓋的，但是覆蓋的順序可能并不清楚，本文的目的就在于介紹的覆蓋順序。之間的優(yōu)先級(jí)順序以下是不同之間的優(yōu)先級(jí)，選擇器。終極覆蓋法關(guān)鍵字能夠覆蓋一切定義，無(wú)視前面提到的優(yōu)先級(jí)順序。
我們都知道CSS的定義是可以被覆蓋的，但是覆蓋的順序可能并不清楚，本文的目的就在于介紹CSS的覆蓋順序。
三種類(lèi)型CSS的優(yōu)先級(jí)順序CSS有三種類(lèi)型:
inline style：以style屬性的形式直接寫(xiě)在標(biāo)簽上的
embedded style：寫(xiě)在html文件的里的
external stylesheet：引用的外部css文件
這三種類(lèi)型的CSS的優(yōu)先級(jí)就是上面所講的順序。將通俗點(diǎn)就是inline style肯定會(huì)覆蓋embedded style的定義，而embedded style肯定會(huì)覆蓋external stylesheet的定義。
當(dāng)然，如果引用多個(gè)external stylesheet的話(huà)，那么后面的也會(huì)覆蓋前面的。
CSS selector之間的優(yōu)先級(jí)順序以下是不同selector之間的優(yōu)先級(jí):
The ID selector，ID選擇器。#a{...}
The attribute selector，屬性選擇器。a[target=_blank]{...}
The class selector，類(lèi)選擇器。.classa{...}
The child selector，子元素選擇器。table > tr {...}
The adjacent sibling selector，相鄰元素選擇器。.classa + .classb {...}
The descendant selector，兒孫輩選擇器。div td {...}
The type selector，元素類(lèi)型選擇器。input{...}
同樣，在相同的選擇器類(lèi)型之間后面的會(huì)覆蓋前面的定義。
終極覆蓋法!important關(guān)鍵字能夠覆蓋一切定義，無(wú)視前面提到的優(yōu)先級(jí)順序。
比如:color:red !important;。不論這段CSS寫(xiě)在什么地方，還是以什么selector出現(xiàn)，都會(huì)覆蓋其他的CSS定義。
參考資料http://www.w3.org/TR/selector...
http://www.alternategateways....
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/111458.html
摘要：的個(gè)人理解一概念層疊樣式表，主要由屬性和屬性值組成。如何應(yīng)用內(nèi)聯(lián)樣式優(yōu)先級(jí)最高，但由于會(huì)造成代碼冗余及代碼更新任務(wù)龐大，一般不采用。聲明塊格式的丟失最易導(dǎo)致錯(cuò)誤。當(dāng)浮動(dòng)元素?zé)o法承載子元素的時(shí)候，子元素會(huì)在下一行顯示。浮動(dòng)元素的無(wú)法合并。 CSS的個(gè)人理解 一、概念 層疊樣式表，主要由屬性和屬性值（value）組成。（雖然HTML、CSS對(duì)代碼大小寫(xiě)不敏感，但是屬性和屬性值對(duì)代碼大小寫(xiě)是...
摘要：?jiǎn)涡幸?guī)則聲明只包含一條聲明的樣式，為了易讀性和便于快速編輯，建議將語(yǔ)句放在同一行。命名名稱(chēng)中只能出現(xiàn)小寫(xiě)字符和破折號(hào)不是下劃線，也不是駝峰命名法。設(shè)置文件編碼為。其他參考網(wǎng)址編碼規(guī)范的優(yōu)先級(jí)機(jī)制瀏覽器加載，解析，渲染標(biāo)簽 寫(xiě)在前面 對(duì)于不同的編程語(yǔ)言來(lái)說(shuō)，具體的編碼規(guī)范各不相同，但是其宗旨都是一致的，就是保證代碼在高質(zhì)量完成需求的同時(shí)具備良好的可讀性、可維護(hù)性。 本文大部分內(nèi)容來(lái)自網(wǎng)...
摘要：代碼風(fēng)格文件建議文件使用無(wú)的編碼。解釋編碼具有更廣泛的適應(yīng)性。示例空格強(qiáng)制選擇器與之間必須包含空格。示例字號(hào)強(qiáng)制需要在平臺(tái)顯示的中文內(nèi)容，其字號(hào)應(yīng)不小于。示例響應(yīng)式強(qiáng)制不得單獨(dú)編排，必須與相關(guān)的規(guī)則一起定義。 轉(zhuǎn)載：原地址 1 前言 CSS作為網(wǎng)頁(yè)樣式的描述語(yǔ)言，在百度一直有著廣泛的應(yīng)用。本文檔的目標(biāo)是使CSS代碼風(fēng)格保持一致，容易被理解和被維護(hù)。 雖然本文檔是針對(duì)CSS設(shè)計(jì)的，...
摘要：高內(nèi)聚不應(yīng)該將沒(méi)有任何聯(lián)系的東西堆到一起。高內(nèi)聚是值得要的，因?yàn)樗馕吨?lèi)可以更好地執(zhí)行一項(xiàng)工作。高內(nèi)聚有助于緩解高耦合，高耦合是需要高內(nèi)聚的標(biāo)志。對(duì)于開(kāi)發(fā)者來(lái)說(shuō)，高內(nèi)聚通常比低耦合更有幫助，盡管兩者通常可以一起完成。 作為一個(gè)剛寫(xiě)代碼不久的小菜鳥(niǎo)，工作的半年多讓我越發(fā)意識(shí)到提高代碼質(zhì)量的重要性。從前只會(huì)關(guān)注實(shí)現(xiàn)功能，慢慢的開(kāi)始關(guān)注性能，現(xiàn)階段則發(fā)現(xiàn)其實(shí)還有很多細(xì)節(jié)也是（如可讀性、易用...
閱讀 3842·2021-11-23 09:51
閱讀 4636·2021-11-15 11:37
閱讀 3606·2021-09-02 15:21
閱讀 2806·2021-09-01 10:31
閱讀 939·2021-08-31 14:19
閱讀 919·2021-08-11 11:20
閱讀 3374·2021-07-30 15:30
閱讀 1760·2019-08-30 15:54
