[CSS] !important CSS優先權問題

好吧，會遇到這個問題其實狀況都有點慘...

就像下圖，當CSS們繼承來繼承去，套過來又套過去，

驀然回首 ~ CSS們就長成這樣互蓋得很開心

你好我是CSS

沒發現這個狀況的你設定了某個CSS屬性，
卻發現怎麼樣也不動、無法覆蓋其他CSS的時候，你需要的是 「!important」


使用方式很簡單，就在你的CSS屬性後面加上去就好了。

  img {
    max-width: 100% !important;
  }

但 !important 互相打架 也是有自己的優先權問題，
詳情就請 w3c 系列為各位解惑吧！(我自己是沒有那麼認真啦 ~ )