CSS псевдокласс :root

Псевдокласс :root выбирает элемент, представляющий корень документа.

В HTML корневым элементом всегда является <html>.

В SVG и XML псевдокласс :root может ссылаться на предка более высокого уровня.

Псевдокласс :root может использоваться вместе с псевдоэлементами (например, ::after) и другими псевдоклассами (например, :hover).

Версия

Selectors Level 4

Selectors Level 3

Синтаксис

Синтаксис CSS :root

css

:root {
  css declarations;
}

Пример использования псевдокласса :root:

Пример кода CSS :root

html

<!DOCTYPE html>
<html>
  <head>
    <style>
      :root {
        background-color: #8ebf42;
        padding: 2em;
      }
      body {
        background-color: #eee;
        padding: 1.5em;
      }
    </style>
  </head>
  <body>
    <h2>:root selector example</h2>
    <p>Lorem ipsum is simply dummy text</p>
  </body>
</html>

Try it Yourself »

Practice

В чём назначение псевдокласса ':root' в CSS?

Он используется для выбора корневого элемента документа.Он используется для выбора всех элементов документа.Он используется для задания глобальных свойств, которые могут применяться ко всем элементам документа.Он используется для выбора первого дочернего элемента документа.

CSS псевдокласс :root ​

Версия ​

Синтаксис ​

Пример использования псевдокласса :root: ​

Practice ​

CSS псевдокласс :root

Версия

Синтаксис

Пример использования псевдокласса :root:

Practice