Семантический пользовательский интерфейс - изменение стилей компонентов (переопределение CSS компонентов) ⇐ CSS

[Anonymous]

Я пытаюсь изменить стиль некоторых компонентов семантического пользовательского интерфейса. Я создал файл CSS и менял там параметры. Затем я заметил, что все CSS-файлы компонентов (в папке Semantic UI) имеют в конце следующий код:

Код: Выделить всё

/*******************************
Theme Overrides
*******************************/

/*******************************
Site Overrides
*******************************/

Я скопировал код из моего CSS-файла в конец CSS-файла компонента, но стили не были обновлены/переопределены. Я пытался использовать !important, но это тоже не сработало.
Я пробовал что-то вроде этого:

Код: Выделить всё

/*******************************
Theme Overrides
*******************************/

.ui.header {
border: solid red; !important
border-width: 2px; !important
}

Я ожидал, что этот элемент будет окружен красной рамкой:

Код: Выделить всё

This is a header

Есть идеи, почему это не сработало?


Подробнее здесь: https://stackoverflow.com/questions/296 ... onents-css