CSS переопределить! Важно

Question

Я пытаюсь настроить css моего веб-сайта, но тема по умолчанию имеет важное свойство! Рядом с цветовым кодом, которое я не могу переопределить.

По умолчанию:

body.theme-whyte .main-wrapper #header .main-nav .content .menu-block-wrapper > ul > li.expanded:hover > .nolink,
body.theme-whyte .main-wrapper #header .main-nav .content .menu-block-wrapper > ul > li.expanded:hover > .nolink::after {
  color: #404040 !important;
}

Изменения, которые я хотел бы внести:

body.theme-whyte .main-wrapper #header .main-nav .content .menu-block-wrapper > ul > li.expanded:hover > .nolink,
body.theme-whyte .main-wrapper #header .main-nav .content .menu-block-wrapper > ul > li.expanded:hover > .nolink::after {
  color: #a03021 !important;
}

Я не могу переопределить! Важный тег. Я немного новичок в CSS. Может кто-нибудь помочь мне с этим? Заранее спасибо.

Answer 1

Порядок приоритета в CSS:

1) Встроенный CSS

2) Встроенный CSS

3) Внешний CSS

То же самое будет работать, даже если теги !important.

Пример

Если ваши изменения взяты из таблиц стилей, которые являются внешними, просто поместите таблица стилей с желаемым стилем в, после той, которую вы замените sh.