利用important來改變CSS中優(yōu)先級(jí)順序的案例-創(chuàng)新互聯(lián)

小編給大家分享一下利用important來改變CSS中優(yōu)先級(jí)順序的案例，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

10年積累的網(wǎng)站制作、做網(wǎng)站經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有橫縣免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

每個(gè)樣式表的優(yōu)先順序是在前面的頁面上記載的，在相同的樣式表中，同一元素的屬性設(shè)定多個(gè)值的情況下，會(huì)發(fā)生什么呢？

我們來看一個(gè)簡(jiǎn)單的例子。首先，創(chuàng)建目標(biāo)HTML語句

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
strong {
  color: #00ff00;
}
strong {
  color: #ff0000;//red
}
	</style>
</head>
<body>
<p>
啦啦啦啦<strong>創(chuàng)新互聯(lián)建站</strong>
噠噠噠噠噠<strong>php</strong>中文網(wǎng)
</p>
</body>
</html>

接下來我們來看一下！important的使用

如果要改變代碼中優(yōu)先級(jí)，則需要使用!important，使用方法如下。

選擇器{ 
  property（屬性）：value（值） ！Important ; 
  }

在描述樣式時(shí)，如果在值之后用空格再寫!important，則無論正常優(yōu)先級(jí)如何，都將優(yōu)先應(yīng)用該樣式。

下面我們來看一下具體的例子，將上述代碼中的CSS變成如下所示

<style type="text/css">
strong { 
  color:#00ff00 !important; 
} 

strong { 
  color:#ff0000; 
} 
</style>

我們接下來看看當(dāng)樣式表不同時(shí)！important的使用

樣式表的優(yōu)先級(jí)如下所示

（高優(yōu)先級(jí)）
 樣式表在HTML文檔中描述
 用戶樣式表由用戶查看
 樣式表設(shè)置每個(gè)瀏覽器的默認(rèn)樣式表                                                                                                                                              （低優(yōu)先級(jí)）

如果使用HTML文檔中描述的樣式表為同一元素的屬性再次設(shè)置在用戶樣式表中設(shè)置的樣式表，樣式表形式將生效。

那么如果在用戶樣式表設(shè)置中添加“！Important”會(huì)發(fā)生什么？在這種情況下，帶有“！Important”的樣式優(yōu)先。我們來具體看一下。

（高優(yōu)先級(jí)）
 有！important的用戶的樣式表
有！important寫HTML文檔中的樣式表
寫在HTML文檔中的樣式表
 用戶樣式表
 默認(rèn)樣式表                                                                                                                                                                                   （低優(yōu)先級(jí)）

需要特別注意的是“帶有！important的用戶樣式表”比“帶有！important的HTML文檔描述的樣式表”具有更高的優(yōu)先級(jí)。因此，即使HTML文檔的創(chuàng)建者將樣式設(shè)置為“！Important”，如果在用戶樣式表中將新樣式值表設(shè)置為“！Important”，則用戶樣式表也會(huì)生效。

看完了這篇文章，相信你對(duì)利用important來改變CSS中優(yōu)先級(jí)順序的案例有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)頁標(biāo)題：利用important來改變CSS中優(yōu)先級(jí)順序的案例-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://bm7419.com/article26/dgdicg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、網(wǎng)站導(dǎo)航、小程序開發(fā)、虛擬主機(jī)、企業(yè)建站、網(wǎng)頁設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)