Что делает добавление! Важное в конце атрибута CSS?

Question

Почему люди добавляют! Важное в конце объявлений свойств в своих CSS и что это для них делает?

Например, когда-либо видели это?:

div{
    min-height:100px;
    height:auto !important;
    height:100px;
}

Answer 1

!important добавляет важность правилу CSS, поэтому у него будет больше точек для переопределения другого объявления с меньшим количеством точек. Например:

div {
    color: red !important;
}

div#hello {
    color: black;
}

A <div> с идентификатором "привет" все равно будет красным.