首頁 > web前端 > css教學 > 使用CSS的!important如何改變優先權

使用CSS的!important如何改變優先權

不言
發布: 2018-11-20 16:46:34
原創
3596 人瀏覽過

這篇文章將給大家分享一下使用CSS的!important如何改變優先級,通常,CSS可以根據上面的順序來使用CSS樣式,CSS有很多優先順序的決定方法,但是優先級最高的是我們這篇文章要說的!important。

我們來直接看一個範例

p { 
  color:#d9534f!important; // red; 
  color:#5bc0de; // lightblue
  }
登入後複製

通常,CSS規則優先應用的通常是id選擇器或class選擇器,此外,「id」選擇器會覆蓋「class ”選擇器。

CSS會優先應用在標籤附近的樣式或稍後讀取的樣式,但給定關鍵字! Important的樣式將具有最高優先權。

! important的使用方法是可以在使用者定義的樣式表上使用,如果要使用在Web上定義的CSS樣式表,可以使用使用者定義的樣式表。

我們來實際應用一下! important

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="sample.css">
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
  </head>
  <body>
    <p>显示什么颜色?</p>
  </body>
</html>
登入後複製

CSS

p{
  color: #d9534f !important; //red;
  color: #5bc0de; //blue
}
登入後複製

瀏覽器上顯示效果如下:

使用CSS的!important如何改變優先權

使用CSS的!important如何改變優先權


################### #如果不使用“!important”,則顯示效果如下所示。 #########################對於何時使用! important,當你不希望以任何方式更改的樣式或嘗試使用使用者定義的樣式表時,可以來使用它。 ###

以上是使用CSS的!important如何改變優先權的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板