關于CSS樣式的優先級問題

yanwei 發布于2019-08-29 14:15 / 1221人閱讀

摘要：在中，你可以為同一個標簽定義多個樣式，如下面的例子這么多的樣式，哪個是有效的呢我們一個一個把上面的樣式刪除，在瀏覽器中可以看到的優先級最高，然后是，再來是，最后才是另外，使用可以改變優先級別為最先，如下將會顯示為即優先級變為

在CSS中，你可以為同一個標簽定義多個樣式，如下面的例子：

#aaa{
background-color: Fuchsia;
}
.ab{
background-color: Black;
}
td{
background-color: Aqua ;
}

這么多的樣式，哪個是有效的呢？我們一個一個把上面的樣式刪除，在瀏覽器中可以看到： style的優先級最高，然后是id，再來是class，最后才是td 另外，使用!important可以改變優先級別為最先，如下：

#aaa{
background-color: Fuchsia;
}
.ab{
background-color: Black;
}
td{
background-color: Aqua !important;
}

td將會顯示為Aqua 即優先級變為td，然后是style，再來是id，最后是class

歡迎來討論：http://www.webprep.cn/

云服務器 GPU云服務器關于樣式的 css的樣式 html的css樣式關于javascript的問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/113025.html

關于CSS你應該知道的基礎知識 - 樣式應用篇

摘要：我是紅色這種引用代碼的方式在一定程度上解決了所有代碼都分散寫在各個元素上的問題，但是不利于代碼的整體重用。需要詳盡選定該元素來設置具體的樣式。子元素會繼承父元素的樣式，等除外。上一篇簡單總結了一下選擇器，如果一個元素被多個選擇器選中，元素的樣式就會以級聯方式被應用到。要搞清最終那個樣式被應用到元素上了，首先要明白引用CSS代碼的幾種方式。 CSS代碼引用方式如何應用CSS代碼到Ht...

fxp 2019-08-30 14:24 評論0 收藏0
關于CSS你應該知道的基礎知識 - 樣式應用篇

摘要：我是紅色這種引用代碼的方式在一定程度上解決了所有代碼都分散寫在各個元素上的問題，但是不利于代碼的整體重用。需要詳盡選定該元素來設置具體的樣式。子元素會繼承父元素的樣式，等除外。上一篇簡單總結了一下選擇器，如果一個元素被多個選擇器選中，元素的樣式就會以級聯方式被應用到。要搞清最終那個樣式被應用到元素上了，首先要明白引用CSS代碼的幾種方式。 CSS代碼引用方式如何應用CSS代碼到Ht...

Michael_Lin 2019-08-02 10:10 評論0 收藏0
CSS學習筆記(十六) CSS最佳實踐之可維護性篇

摘要：國內各大公司都已經投入使用，在一些常見的網站，如淘寶騰訊小米等移動站點，隨處可見其蹤影。變革之騰訊手機淘寶的設計與實現前端亂燉適配總結樣式重置上文已提及，這里推薦閱讀同學寫的專題文章。前言 CSS代碼難維護眾所皆知。為一個元素設置樣式的方式可以通過定義的class、定義的id、元素的標簽名、元素的屬性等選擇器以及這些選擇器的組合來實現；作用于某個元素上的樣式又可能來自單個樣式規...

newtrek 2019-08-28 18:21 評論0 收藏0
CSS學習筆記(十六) CSS最佳實踐之可維護性篇

摘要：國內各大公司都已經投入使用，在一些常見的網站，如淘寶騰訊小米等移動站點，隨處可見其蹤影。變革之騰訊手機淘寶的設計與實現前端亂燉適配總結樣式重置上文已提及，這里推薦閱讀同學寫的專題文章。前言 CSS代碼難維護眾所皆知。為一個元素設置樣式的方式可以通過定義的class、定義的id、元素的標簽名、元素的屬性等選擇器以及這些選擇器的組合來實現；作用于某個元素上的樣式又可能來自單個樣式規...

keke 2019-08-01 14:55 評論0 收藏0