Как в css передать

Можете уточнить, что вы хотите передать в 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 надо учитывать, что большинство старых браузеров не поддерживают эту функциональность, поэтому возможны проблемы с кросс-браузерной совместимостью.