Можете уточнить, что вы хотите передать в CSS? Возможно, вы имеете в виду передать значение переменной из одного CSS-файла в другой или передать переменную из CSS в Javascript? Ниже я приведу общие принципы работы с переменными в CSS.
В CSS3 добавились каскадные таблицы стилей с поддержкой переменных. Это означает, что в CSS можно использовать переменные, которые можно затем использовать в различных определениях стилей.
Создание переменной в CSS осуществляется с помощью свойства –name-of-variable. Например, создание переменной для цвета можно выполнить следующим образом:
:root {
--main-color: #008CBA;
}
В данном примере, :root является селектором, который указывает на корневой элемент, на который будут влиять определения в блоке. В данном случае, мы создали переменную –main-color со значением #008CBA.
Далее, мы можем использовать эту переменную вместо конкретного значения цвета в других определениях стилей, например, так:
h1 {
color: var(--main-color);
}
Теперь каждый заголовок h1 будет использовать значение переменной –main-color в качестве цвета.
При использовании переменных в CSS надо учитывать, что большинство старых браузеров не поддерживают эту функциональность, поэтому возможны проблемы с кросс-браузерной совместимостью.
