В каких случаях надо ставить !important в файлах css?

Когда у тебя есть 2 одинаковых стиля, которые применяются к одному элементу, типа такого:

  <div class="one two"></div>
    <style>
        div {
            width: 200px;
            height: 200px;
        }
        .one {
            background-color: red!important;
        }

        .two{
            background-color: green;
        }
    </style>    

Если стоят два стиля и применяются к одному элементу и у них одинаковые свойства стилей, будет работать последний. Т.е. если не будет !important стоять у класса one background-color: red, тогда див будет зеленым, если поставить у класса one background-color: red!important, тогда div будет красным.

Ставить !important нужно тогда, когда тебе нужно "насильно" переопределить какое-то css свойство. 

Спасибо, вот теперь понятно.