Сделайте весь лист CSS!

Question

Есть ли способ, чтобы вся таблица стилей CSS имела приоритет над другой?Я знаю, что вы можете сделать! Важно, но я могу сделать это одной строкой, а не изменять все тысячи свойств на листе?

Спасибо!

Answer 1

Убедитесь, что таблица стилей, которую вы хотите, называется последней (или определенный стиль, который вы хотите, называется последним).Например, используя это:

span { color: red; }
span { color: blue; }

... превратит весь текст в <span> в синий.Взгляните здесь .

Answer 2

Правила с одинаковой специфичностью, которые появятся позже, будут отменять предыдущие, поэтому, если обе таблицы стилей содержат идентичные селекторы, вы можете сделать это, просто загрузив одну перед другой.

Если они содержат разные селекторы, например

#navigation h3 { color: red }

и

.mainpage .navmenu h3 { color: blue }

Вы, вероятно, получите конфликты специфики. Единственное общее решение для этого действительно !important (хотя это действительно, действительно ужасно с архитектурной точки зрения. Вы уверены, что вам это нужно? Может быть, объясните, почему, возможно, кто-то может найти лучшее решение.)

Однако не существует однострочной директивы, которая бы поднимала «важность» одной таблицы стилей над другой.