Уникальное место! Здесь можно легко заработать реальные деньги.
К вашим услугам несколько методов заработка!
Просматривайте сайты, читайте письма рекламодателей, выполняйте несложные и интересные тесты и задания за вознаграждение.
Вы сможете получить свои первые деньги уже сразу после начала работы.
Кликайте по баннеру ниже и начинайте работать!

SEO sprint - Всё для максимальной раскрутки!

Главная » Все материалы сайта » Справочник CSS-3 » Псевдоклассы

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

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

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
9.0+	1.0+	9.5+	1.0+	1.0+	1.0+	1.0+

Краткая информация

Применяется	Ко всем элементам
Ссылка на спецификацию	http://www.w3.org/TR/css3-selectors/#root-pseudo

Версии CSS

CSS 1	CSS 2	CSS 2.1	CSS 3

Описание

Псевдокласс :root определяет корневой элемент документа. В HTML этот селектор всегда соответствует элементу <html>. По другому, псевдокласс :root устанавливает стиль для корневого элемента в документе и может заменить тэг html, но действовать будет только в браузерах поддерживающих его свойство. Псевдокласс применим ко всем элементам, создан в версии CSS3 и проходит валидацию согласно версии CSS3.

Синтаксис

:root { ... }

Значения

Нет.

Пример 2

<!DOCTYPE html>
<html lang="ru">
<head>
<title>Псевдокласс :root</title>
<style type="text/css">
<!--
@font-face {
font-family:MarckScript-Regular;
src: local("MarckScript-Regular"),
url(/CSS_3/img_css_3/MarckScript-Regular.ttf);
}
html{
background-color:red;
}
:root{
background-color:#636363;
}
h3 {
color:blue;
}
p {
font-size:16px;
font-family:MarckScript-Regular;
color:white;
}
.center {
text-align:center;
}
-->
</style>
</head>
<body>
<h3>Если ваш браузер поддерживает псевдокласс :root фон за текстом будет серым, а если не 
поддерживает тогда красным</h3>
<br>
<div class="center">
<p>Котёнок мой, одну тебя лелею,<br>одной тобой хронически болею, к 
выздоровленью время не пуская.<br>
Ведь ты одна средь всех такая - богиня искренней души.
Слова твои как звон в тиши, дорогу мне определяют,<br>вторя безмолвно,не спеши.
<br>**********************************<br>
</div>
</body>
</html>

Результат примера. Использование псевдокласса :root

Источники: http://htmlbook.ru/ и http://delaisait.ucoz.ru/

Поделись ссылкой на эту страницу с друзьями:

Категория: Псевдоклассы | Добавил: evkuriy (08.07.2013)

Просмотров: 653 | Рейтинг: 0.0/0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]