Что такое в css !important?

Пример кода, если непонятно:

<div class="dir1">1</div>
<div class="dir2">2</div>

 

И стили:

.dir1 {
    color: white;
}

.dir2 {
    color: red !important;
}

!important обозначает, что свойство стиля является самым приоритетным.

Например, есть два класса .dir1 и .dir2 и у этих класов есть стиль color: white, color: red. Стили будут перекрывать друг друга и для того, чтобы всегда приоритетным был color:red, нужно дописать !important.