Конкретно какие внешние CSS-файлы переопределяют какие

Я работаю над веб-проектом, который использует шаблоны SOY и SASS. По причинам, я не могу заставить препроцессор SASS продолжать работать с SASS, но все файлы CSS и SCSS присутствуют, и я могу смотреть на них, но не изменять.

В настоящее время у меня есть пользовательский файл CSS, над которым я работаю, однако некоторые вещи переопределяются файлом CSS, созданным SASS. Например, !important и вообще просто усложняет добавление моего собственного CSS, когда некоторые вещи переопределяются.

Итак, мой вопрос, есть ли способ указать, какой файл CSS вызывается последним, чтобы можно было переопределить все предыдущие CSS?

Источник

1 ответ

Я бы посоветовал вам поместить свой CSS-файл после других CSS-файлов. И более того, вам нужно прочитать о правиле приоритета: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

  1. Могут быть разные правила приоритета, которые могут перекрывать ваш CSS.
  2. Проверьте элемент в инструментах разработчика браузера, и вы увидите, предшествует ли вашему селектору CSS другое более строгое правило, например .parent > .child .element{ color: #000} а затем вы можете скопировать этот селектор CSS и использовать его в вашем файле CSS, чтобы избежать !important
Источник
Другие вопросы по тегам