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

Разбираемся в CSS
Ответить
Anonymous
 Семантический пользовательский интерфейс - изменение стилей компонентов (переопределение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»