Как применит стили без !important?

.input-lg {
font-size: 14px;
}

Здраствуйте. Стили таким образом у меня почему-то у меня не применяется. Они применяется когда я напишу после 14px, "!important". С чем это связана?

html

css

1 ответов

!important в конце css обозначает, что нужно применять этот стиль в приоритете. В CSS так это работает:

.input-lg {
     font-size: 20px!important;
}

.input-lg {
     font-size: 14px;
}

Если два раза написать один и тот же класс, тогда стили в приоритете будут у последней записи, но если добавить к первой записи !important, тогда приоритет станет у первой записи, причем только для свойства font-size.