|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 每個樣式表的優先順序是在前面的頁面上記載的,在相同的樣式表中,同一元素的屬性設定多個值的情況下,會發生什么呢?本篇文章就來給大家分享一下如何使用!important來改變CSS中優先級的順序。我們來看一個簡單的例子。首先,創建目標HTML語句 <!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
strong {
color: #00ff00;
}
strong {
color: #ff0000;//red
}
</style>
</head>
<body>
<p>
啦啦啦啦<strong>php中文網</strong>
噠噠噠噠噠<strong>php</strong>中文網
</p>
</body>
</html>瀏覽器上效果顯示如下:strong元素中文字的顏色是紅色。
接下來我們來看一下!important的使用 如果要改變代碼中優先級,則需要使用!important,使用方法如下。 選擇器{
property(屬性):value(值) !Important ;
}在描述樣式時,如果在值之后用空格再寫!important,則無論正常優先級如何,都將優先應用該樣式。 下面我們來看一下具體的例子,將上述代碼中的CSS變成如下所示 <style type="text/css">
strong {
color:#00ff00 !important;
}
strong {
color:#ff0000;
}
</style>瀏覽器上顯示如下所示:strong元素中字體顏色變成了綠色,!important改變了樣式的優先級。
我們接下來看看當樣式表不同時!important的使用 樣式表的優先級如下所示 (高優先級) 如果使用HTML文檔中描述的樣式表為同一元素的屬性再次設置在用戶樣式表中設置的樣式表,樣式表形式將生效。 那么如果在用戶樣式表設置中添加“!Important”會發生什么?在這種情況下,帶有“!Important”的樣式優先。我們來具體看一下。 (高優先級) 需要特別注意的是“帶有!important的用戶樣式表”比“帶有!important的HTML文檔描述的樣式表”具有更高的優先級。因此,即使HTML文檔的創建者將樣式設置為“!Important”,如果在用戶樣式表中將新樣式值表設置為“!Important”,則用戶樣式表也會生效。 以上就是如何使用!important來改變CSS中優先級的順序的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!