我們在做網(wǎng)頁代碼的時,有些特殊的情況需要為某些樣式設(shè)置具有最高權(quán)值,怎么辦?這時候我們可以使用!important來解決。
如下代碼:
p{color:red!important;}
p{color:green;}
<p class="first">三年級時,我還是一個<span>膽小如鼠</span>的小女孩。</p>
這時 p 段落中的文本會顯示的red紅色。
注意:!important要寫在分號的前面
這里注意當(dāng)網(wǎng)頁制作者不設(shè)置css樣式時,瀏覽器會按照自己的一套樣式來顯示網(wǎng)頁。并且用戶也可以在瀏覽器中設(shè)置自己習(xí)慣的樣式,比如有的用戶習(xí)慣把字號設(shè)置為大一些,使其查看網(wǎng)頁的文本更加清楚。這時注意樣式優(yōu)先級為:瀏覽器默認(rèn)的樣式 < 網(wǎng)頁制作者樣式 < 用戶自己設(shè)置的樣式,但記住!important優(yōu)先級樣式是個例外,權(quán)值高于用戶自己設(shè)置的樣式。
任務(wù):我也來試試,使用!important語句來改變樣式權(quán)重
1.在右邊編輯器的第9行,相應(yīng)位置插入!important 語句。
這樣做的目的是也把第一段文字的顏色設(shè)置為紅色。
第9行是否是輸入這樣的代碼:
p{color:red!important;}
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報