tgoop.com/frontendInterview/3832
Create:
Last Update:
Last Update:
Что такое :root в CSS?
Псевдокласс :root нужен для обращения к самому главному родительскому элементу документа. Его также называют корневым элементом. В случае HTML-документа самым главным родителем всей страницы будет тег <html>. Часто :root используется для того, чтобы задавать кастомные свойства.
Пример
Укажем в документе нужный нам шрифт и создадим несколько кастомных свойств:
:root {
font-family: 'Oswald', sans-serif;
--button-size: 40px;
--main-color: #bada55;
}
🛠 Поскольку :root — это псевдокласс, его специфичность будет выше, чем селекторов по тегу html или svg.
В примере ниже фон документа окрасится в персиковый цвет, а не в томатный.
:root {
background-color: peachpuff;
}
html {
background-color: tomato;
}
👉 @frontendInterview
BY Frontend Interview - собеседования по Javascript / Html / Css
Share with your friend now:
tgoop.com/frontendInterview/3832