!importantについて

CSS

html

<h1>Lorem ipsum dolor sit amet, <strong>consectetur</strong> 
adipisicing elit, sed do eiusmod tempor incididunt ut labore
 et dolore magna aliqua. Ut enim ad minim <strong>veniam</strong>,</h1>

css

<style type="text/css">
strong {
  color: #00ff00;
}

strong {
  color: #ff0000;
}
</style>

表示結果

上記の通り、strong要素が後から設定された色（赤）になる。
css

<style type="text/css">
strong {
  color: #00ff00 !important;
}

strong {
  color: #ff0000;
}
</style>

表示結果

!importantをつけることで先に記述されていても、設定が最優先される。