Можно ли иметь более одного селектора ": root"? - PullRequest
1 голос
/ 22 апреля 2019

В 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);
}

1 Ответ

2 голосов
/ 22 апреля 2019

Селектор :root представляет тег <html> и имеет более высокую специфичность (приоритет), чем селектор html.Этот селектор обычно используется для объявления переменных CSS.Кроме этого, вы можете рассматривать :root как любой общий селектор - несколько селекторов в любых допустимых комбинациях.

:root {
  --myColor1: rgba(16, 128, 0, 1.0);
  --myColor2: rgba(16, 128, 0, 0.6);
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...