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

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

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

:only-child | Псевдокласс CSS

Псевдокласс :only-child

Internet Explorer	Chrome	Opera	Safari		Firefox	Android	iOS
9.0+	1.0+	9.6+	1.0+	3.0+	1.0+	1.0+	1.0+

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

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

Версии CSS

CSS 1	CSS 2	CSS 2.1	CSS 3

Описание

Псевдокласс :only-child применяется к дочернему элементу, только если он единственный у родителя. Аналогичен использованию :first-child:last-child или :nth-child(1):nth-last-child(1). Псевдокласс применим ко всем элементам, создан в версии CSS3 и проходит валидацию согласно версии CSS3.

Синтаксис

элемент:only-child { ... }

Значения

Нет.

Пример

<!DOCTYPE html>
<html lang="ru">
<head>
<title>Псевдокласс :only-child</title>
<style type="text/css">
<!--
h3 {
color:blue;
}
h4 {
color:green;
}
p:only-child {
color:red;
}
-->
</style>
</head>
<body>
<h3>Это строка - родитель, у неё 2 элемента (свойство не применяется)<h3>
<p>Этот текст один на нас обоих, размер и цвет у нас от родителя (голубой)</p>
<p>Этот текст один на нас обоих, размер и цвет у нас от родителя (голубой)</p>
<h4>Это строка - родитель, у неё 1 элемент (свойство применяется)<h4>
<p>А этот текст только для меня и свойство only-child выделяет меня красным</p>
</body>
</html>

Результат использования примера

Браузеры

В Safari до версии 3.0 псевдокласс :only-child воспринимается как :first-child.

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

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

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

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

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