В TWBS 4 файл bootstrap.css имеет селектор : root с переменными цвета.
Может ли моя дочерняя таблица стилей также иметь:root
селектор, для моих собственных переменных?
Я предполагаю, что :root {}
можно переопределить и добавить, как и любой другой селектор, но я не смог найти ни одного обсуждения или примера этого.
Пока что я поместил свои переменные цвета в селектор div {} , и он работает, но я хочу применить их к элементам, кроме <div>
, так что, похоже, мне следуетУ меня есть свой :root
раздел.
Это работает:
my_stylesheet.css
div {
--myColor1: rgba(16, 128, 0, 1.0);
--myColor2: rgba(16, 128, 0, 0.6);
}
, но я хотел бы сделать это:
:root {
--myColor1: rgba(16, 128, 0, 1.0);
--myColor2: rgba(16, 128, 0, 0.6);
}