Drupal 8 Subtheme css не работает в Edge

Question

У меня есть сайт drupal 8. Я создал подтему и изменил CSS этой подтемы. Моя модификация показывает и работает нормально в Chrome и Firefox, но в Internet Explorer 11 и Edge это не работает. например, этот код CSS:

a,
a:hover,
a:active,
a:visited {
    color: #f4512c;
}

Когда я проверяю данный элемент, я вижу, как применяются свойства css файла style.css, но они переопределяются scaffolding.less .. Как получается?

Когда я использую! Важно, он применяется, но я бы не стал его использовать! Важно ...

Answer 1

Код в порядке, и должен работать на IE11 и Edge.

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

Чтобы убедиться, что вы не получаете кэшированное содержимое, сделайте следующее: В Edge нажмите F12 -> Перейти на вкладку Сеть -> Отметьте «всегда перезагружать с сервера» (4-й значок слева) -> Перезагрузить страницу

Вы также можете просмотреть вкладку «Элементы» и найти таблицу стилей. Вы можете открыть таблицу стилей itselt и искать новые стили. Таким образом, вы сможете увидеть, загружается ли правильная таблица стилей.

Редактировать:

Стиль от Bootstrap переписывает код, потому что он использует более конкретные селекторы. Вы можете добавить класс к своему элементу и использовать этот селектор, или вы добавляете его следующим образом: body a { ... } Подробнее о специфичности: https://developer.mozilla.org/en-US/docs/Web/CSS/specificity