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