Я пытаюсь изменить стиль некоторых семантических компонентов ui. Я создал файл css, и я меняю параметры там. Потом я заметил, что все файлы компонента CSS (в семантической папке UI) имеют следующий код в конце:Semantic UI - изменить стили компонентов (переопределить компоненты css)
/*******************************
Theme Overrides
*******************************/
/*******************************
Site Overrides
*******************************/
Я копия вставленный код из моего файла CSS в нижнюю части файла CSS компонентного но стили не были обновлены/отменены. Я пытался использовать !important
, но это тоже не сработало.
Я пытался что-то вроде этого:
/*******************************
Theme Overrides
*******************************/
.ui.header {
border: solid red; !important
border-width: 2px; !important
}
Я ожидал этот элемент, чтобы получить красную рамку вокруг него
<div class="ui small header">This is a header</div>
Любая идея, почему это не сработало?
Вы используете одни и те же селекторы? Для переопределения стиля по умолчанию вам нужно использовать равную (допустимо, если ваш CSS помещен ** после ** по умолчанию) или более сильные селектор. –
Да, я использую точно такие же селекторы. Я смотрел, и я удалил несколько папок оригинального почтового индекса Semantic UI, потому что чувствовал, что они будут бесполезны. Я уверен, что проблема вызвана из-за недостающей папки (просто гадать, нужно попробовать). –
Если вы удалили что-то необходимое, вы можете посмотреть журналы консоли в своем браузере, они могут сообщать о ** 404 Не найдено **, таким образом вы можете выяснить, какие файлы вам нужны. –