Patrick Skelton Ответов: 0

В CSS3 можно ли поместить цвета в отдельную таблицу стилей?

Это работает как и ожидалось:

:root { --stop1: #aaaaaa; --stop2: #666666; }

#new-website
{
	background-image: radial-gradient( ellipse at top right, var(--stop1), var(--stop2) );
}


Однако то, что я хотел бы сделать, это поместить цветовые "константы" в отдельный файл "color.css". Но это, кажется, не работает.

Можно ли это сделать? Я думал, что весь смысл CSS-переменных заключается в том, чтобы позволить таким вещам, как цвета, быть помещенными в одно центральное место. Что я делаю не так?

Что я уже пробовал:

Я попытался изменить порядок ссылок на ссылки таблицы стилей в HTML-файле, использующем этот CSS.

Я также попытался импортировать файл colours.css в таблицу стилей, которая определяет радиальный градиент, например:

@import "colour.css";

#new-website
{
	background-image: radial-gradient( ellipse at top right, var(--stop1), var(--stop2) );
}


В обоих этих случаях HTML-документ действует так, как будто цвета не найдены.

MadMyche

Что говорит набор инструментов разработчика о сетевой активности?

Patrick Skelton

Спасибо за ответ. Я не проверял сетевую активность, как вы предполагаете, по той простой причудливой причине, что она внезапно заработала. Я перешел к работе над чем-то другим, так что, наверное, я исправил это случайно, что более чем вероятно означает, что у меня были некоторые правила CSS в неправильном порядке. Я также виновен в том, что недостаточно часто прибегаю к управлению версиями, поэтому даже не знаю, как это исправить. (Есть ли кнопка удаления для плохих вопросов?) :~

0 Ответов