В чем преимущество «! Важно» с CSS?

Question

Я работаю над кодом кого-то еще и заметил, что он использовал много «важных» в CSS. Он также использовался для семейства шрифтов, о которых я не понимаю. Неужели это действительно нужно или больше ошибка предыдущего программиста?

Может кто-нибудь, пожалуйста, объясните мне, когда использовать «! Important» и для чего это полезно?

Благодаря

Answer 1

!important делает атрибут css приоритетным по сравнению с любым другим, к которому применяется этот селектор. Например, в следующем .something будет иметь границу 5px несмотря на наличие декларации после 5px одного:

.something{ 
    width: 200px; 
    height: 200px; 
} 

.something{ 
     border: 5px solid red !important; 
} 

.something{ 
     border: 2px solid red; 
} 

JSFiddle, чтобы показать пример.

Если вы удалите !important, то коробка будет иметь границу 2px.

Answer 2

Согласно documentation: «важно!»

заявление («!» Разделитель маркер и ключевому слово «важно» следовать декларациям) имеет приоритет над обычной декларацией.

Когда два правила стиля являются одинаковыми, он придает стилю более заметное значение !important.