Среда, 12 Декабря 2012 12:27

Псевдокласс :root

Written by 
Оцени эту запись
(2 Голоса)

Псевдокласс :root описывает корневой элемент в XML документе. В HTML псевдокласс :root аналогичен элементу <html>. 

 

 

Пример:

 

:root {

background-color: lightblue;

}

 

Использеутся также для задания переменных в CSS:

 

:root {

var-main-color: #ccc;

}

.element {

background: var(main-color);

}

 

 

Переменные в CSS - это наше светлое будущее, еще не скоро они будут правильно работать во всех браузерах. Пока их можно попробовать использовать с вендорными префиксами. Например, для WebKit:

 

:root {

-webkit-var-main-color: red;

}

.itemTitle {

background: -webkit-var(main-color);

}

 

 

Additional Info

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов