首頁  >  文章  >  web前端  >  css important 是什麼

css important 是什麼

藏色散人
藏色散人原創
2020-12-31 10:00:192292瀏覽

css important是CSS1定義的語法,作用是提高指定樣式規則的應用優先權,讓瀏覽器首選執行這個語句;其語法格式如“{ sRule !important }”,一般都是用來做hack的。

css important 是什麼

本文操作環境:windows10系統、css3、thinkpad t480電腦。

推薦:《css影片教學

CSS中的!important一般都是用來做hack的,後綴上了!important的css語句,讓瀏覽器首選執行這個語句。

因為css有繼承的樣式,加上!importanrt可以覆寫父級的樣式。 IE6中不能識別,但IE7和別的瀏覽器中可以用,用來處理瀏覽器的兼容性。

!important

!important是CSS1定義的語法,作用是提高指定樣式規則的應用優先權。語法格式{ sRule!important },直接寫在定義的最後面,如:

p{color:green !important;}

注意:IE一直都不支援這個語法,而其他的瀏覽器都支援。因此我們就可以利用這一點來分別為FF和IE瀏覽器樣式定義。

如果有定義了一個樣式A,例如font-size,你不打算讓以後也叫樣式A的覆蓋掉這個font-size,也可以用!important . 而如果新樣式也用了! important 則還是會強制覆蓋掉

.A{
 font-size:12px !important;
}
.A{
 font-size:14px;   //不会生效
}
.A{
 font-size:14px !important; //生效
}

注意,一定要是同名的樣式,也就是樣式名都叫A的樣式才行,如果是父代與子代的情況就不管用了,比如說:

<html>
<head>
<style>
.father{
font-size:12px !important;
}
.child{
font-size:14px;
}
</style>
<body>
<div class="father">
 <div class="child">I am child </div>
</div>
</body>
</html>

這種情況下,child的font-size就是14px,不受father影響。

以上是css important 是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn