css中提升優(yōu)先級屬性!important的用法總結(jié)

2024-07-11 08:30:42

字體：大中小

供稿：網(wǎng)友

復(fù)制代碼

代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<style>


#box div {
color:red;
}
.important_false {
color:blue;
}
.important_true {
color:blue !important;
}
#box2 {
background-color: #cccccc !important;
background-color: #000000;
}

#idColor {
color:gray;
}
</style>
</head>
<body>
<div id="box">
<div class="important_false" id="idColor">這一行末使用important。class的優(yōu)先級小于id的優(yōu)先級。IE7是紅色，firefox是藍(lán)色。</div>
<div class="important_true" >這一行使用了important</div>
</div>
<div id="box2"> 在不同的瀏覽器下，這行字的色應(yīng)該不同！IE7，F(xiàn)irefox是紅色。IE6是藍(lán)色</div>
</body>
</html>

上一篇：純css寫的評分鼠標(biāo)移入的效果附圖

下一篇：前端界面進(jìn)行自適應(yīng)布局之positon屬性使用