[TOC] # !important?規則 當在一個樣式聲明中使用一個`!important`規則時，此聲明將覆蓋任何其他聲明。雖然技術上`!important`與優先級無關，但它與它直接相關。 <br> 使用`!important`是一個壞習慣，應該盡量避免，因為這破壞了樣式表中的固有的層疊規則 使得調試找bug變得更加困難了。當兩條相互沖突的帶有`!important`規則的聲明被應用到相同的元素上時，擁有更大優先級的聲明將會被采用。 <br> # 什么的情況下可以使用 !important A) 一種情況 1. 你的網站上有一個設定了全站樣式的CSS文件， 2. 同時你（或是你同事）寫了一些很差的內聯樣式。 在這種情況下，你就可以在你全局的CSS文件中寫一些`!important`的樣式來覆蓋掉那些直接寫在元素上的行內樣式。 活生生的例子比如：一些寫得很糟糕的**jQuery插件**里面使用的內聯樣式。 <br> B) 另一種情況 ~~~html #someElement p { color: blue; } p.awesome { color: red; } ~~~ 在外層有`#someElement`的情況下，你怎樣能使`awesome`的段落變成紅色呢？這種情況下，如果不使用`!important`，第一條規則永遠比第二條的優先級更高 <br> # 怎樣覆蓋?!important A) 添加一條 帶`!important`的CSS規則，要么給這個給選擇器更高的優先級（添加一個標簽，ID或類）；或是添加一樣選擇器，把它的位置放在原有聲明的后面（總之，最后定義一條規則比勝）。 一些擁有更高優先級的例子： ~~~css table td { height: 50px !important; } .myTable td { height: 50px !important; } #myTable td { height: 50px !important; } ~~~ B) 使用相同的選擇器，但是置于已有的樣式之后：? ~~~css td { height: 50px !important; } ~~~ C)或干脆改寫原來的規則，以避免使用?! important?。 <br> <br> # 參考資料 MDN