使用CSS的!important改變優(yōu)先級的方法

發(fā)布時(shí)間：2020-08-29 14:22:03 來源：億速云閱讀：178 作者：小新欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)使用CSS的!important改變優(yōu)先級的方法，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

我們來直接看一個(gè)示例

p { 
  color：＃d9534f！important; // red; 
  color：＃5bc0de; // lightblue
  }

通常，CSS規(guī)則優(yōu)先應(yīng)用的通常是id選擇器或class選擇器，此外，“id”選擇器會覆蓋“class”選擇器。

CSS會優(yōu)先應(yīng)用在標(biāo)簽附近的樣式或稍后讀取的樣式，但給定關(guān)鍵字！Important的樣式將具有最高優(yōu)先級。

！important的使用方法是可以在用戶定義的樣式表上使用，如果要使用在Web上定義的CSS樣式表，可以使用用戶定義的樣式表。

我們來實(shí)際應(yīng)用一下！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改變優(yōu)先級的方法

如果不使用“！important”，則顯示效果如下所示。

使用CSS的!important改變優(yōu)先級的方法

對于什么時(shí)候使用！important，當(dāng)你不希望以任何方式更改的樣式或嘗試使用用戶定義的樣式表時(shí)，可以來使用它。

關(guān)于使用CSS的!important改變優(yōu)先級的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

使用CSS的!important改變優(yōu)先級的方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽