css如何增加權重

在css中，可以使用「!important」來增加權重，語法「選擇器{樣式:值!important;}」。 css樣式中加上「!importanrt」可以覆蓋父級的樣式；IE6中不能識別，但IE7和別的瀏覽器中可以用，用來處理瀏覽器的兼容性。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

我們希望頁面中的所有原子類，都是權重非常大的，這樣，一旦頁面中的任何一個標籤，攜帶了這個原子類，立即有樣式產生，而不會被自己的樣式所層疊。所以，這時候，就可以用!important來提升權重！

.warning{
	color:red !important;
}

important是英文重要的意思。注意寫法！寫在分號之前，如果有多個屬性要提升權重，那麼必須寫多個：

.warning{
	color:red !important;
	font-weight: bold !important;
  }

注意，頁面嚴禁濫用!important提升權重，只能在原子類的情況使用！

注意：

!important不影響繼承性。一個標籤是透過繼承性影響的，權重是0，加上!important也是0，也不能與已經選中了的選擇器抗衡。

!important不影響就近原則。遠的那個，寫上!important也沒用，還是以近的那個為準！

如果都是繼承而來的屬性並且都描述的一樣近，這個時候！ important權重提升才有用。

推薦學習：css影片教學

#

以上是css如何增加權重的詳細內容。更多資訊請關注PHP中文網其他相關文章！