CSS переменные работают везде?

Dmitriy_2014
На сайте с 01.07.2014
Offline
344
231

Всем привет!

Правильно ли я понимаю, что так называемые пользовательские свойства, переменные короче в CSS, работают везде, ну если подключен основной файл стилей где они находятся?

Короче, у меня сайт на WordPress, и вроде бы файл стилей основной подключен на всех страницах сайта, и в нем в псевдоклассе :root а-ля html заданы кастомные свойства, ну то есть переменные.

И в WordPress, может вы знаете можно сделать, страницы, которые используют шаблоны php, ну и там можно как отдельную страницу сделать с любым кодом.

И как бы получается, что даже в них в head если прописать даже стили напрямую с переменными, которые находятся в другом файле, в основном style.css, то они будут работать.

То есть переменные в CSS типа как глобальные переменные, которые работают везде и даже в других файлах, в разных местах?

Заранее всем спасибо за ответы!


br.almighty
На сайте с 13.07.2021
Offline
93
#1

Почитай что такое есть :root и про наследования. Ты получишь исчерпывающий ответ.

Ссылки, где детально всё описано и даже есть примеры:

https://developer.mozilla.org/ru/docs/Web/CSS/--*

https://developer.mozilla.org/ru/docs/Web/CSS/:root

https://developer.mozilla.org/ru/docs/Learn_web_development/Core/Styling_basics/Handling_conflicts

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий