定義CSS優先級

在設計網頁的過程中,我們可能想要設置某個規則比其他的規則更重要,CSS中答應這樣設置,它們被稱為重要規則(important rule)。這是根據其聲明的方式和它們的自然屬性來命名的。通過在一條規則的分號前插入!important這樣一個短語來標記一條重要規則,比如說:

p.apple { color:#red !important; background:white;}
顏色值#red被標記為!important,而背景色white未被標記,假如需要二條規則都是重要的話,那麼每條規則都需要標上!important。

正確地放置!important的位置是很重要的,否則整條規則將為無效。!important總是放在規則聲明的最後,在分號之前。

標記為!important的規則具有最高的權值,也就是說他沒有具體的特性值,但是比其他的權值都要大。需要注重的是,雖然設計者定義的樣式比用戶定義的 樣式具有更高權值時,但!important規則恰恰相反:重要的用戶定義規則要比設計者定義的樣式具有更高權值,即使是標記為!important的重 要規則也是如此。

看了這麼多文字介紹後,我們來舉個例子看一下:

樣式定義:
h1 { color:gray !important;}

應用舉例代碼:
<h1 style="color:black;">看這兒!</h1>

應用舉例效果:!important規則會覆蓋內聯style屬性的內容,所以結果文字是灰色的而不是黑色的。

分享...定義CSS優先級0定義CSS優先級0
0 回復

發表評論

想要留言嗎?
歡迎歡迎!

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *