Определение свойств CSS дважды

general.css

#feedback_bar
{
  /*props*/
}

another.css

#feedback_bar
{
  /*props*/
}

Разрешено ли это? Оба получат наследство?

Ответы

Ответ 1

Определенные ранее свойства переопределяют свойства, определенные ранее. Если вы не используете !important в ранее определенном разделе CSS.

.thing {
    padding: 10px;
}

.thing {
    padding: 12px;
}

.thing будет иметь padding: 12px;

.thing {
    padding: 15px !important;
}

.thing {
    padding: 123px;
}

.thing будет иметь padding: 15px;

Это разрешено, и для более строгого ответа на ваш вопрос оба будут действительно унаследованы, как показано в этом примере:

.thing {
    padding: 10px;
}

.thing {
    background: red;
}

.thing будет иметь как padding: 10px;, так и background: red;.

Также, пожалуйста, найдите минутку, чтобы прочитать некоторые комментарии к этому ответу, поскольку они поднимают хорошие баллы, которые стоит прочитать.

Ответ 2

Загружаемый последний перезаписывает предыдущие объявления (ы). Что касается допустимости, css не может набрасывать на вас ошибки: P. Вероятно, это не очень хорошая идея.

Ответ 3

Это разрешено, но если есть повторяющиеся свойства, будет использоваться последний.