Серверное время 2018-06-22 19:46:42
Приветствую вас, Гость
Понравился сайт - нажми CTRL+D и добавь в закладки..
Свойства CSS
CSS по категориям
Статистика
Яндекс.Метрика
Реклама
Реклама

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

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Не поддерживается
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Не поддерживается
Полная поддержка
Полная поддержка
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Краткая информация
CSS CSS3+
Применяется Ко всем элементам
Ссылка на спецификацию открыть в новой вкладке
Описание
Псевдокласс :only-of-type применяется к дочерним элементам указанного типа, только если он единственный у родителя.
Синтаксис
элемент:only-of-type { ... }
Аргументы
Нет.
Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>only-of-type</title>
<style type="text/css">
img:only-of-type {
border: 2px solid red; /* Параметры рамки */
}
</style>
</head>
<body>
 <p><img src="images/figure.jpg" alt="" /> <img src="images/figure.jpg" alt="" /></p>
 <p><img src="images/figure.jpg" alt="" /></p>
</body>
</html>

Демонстрация примера
В примере псевдокласс :only-of-type применяется к селектору IMG, в правилах стиля которого задается рамка красного цвета для картинок. Сама рамка добавляется к изображениям, которые у своих родителей (в данном случае это тег <p>) встречаются только один раз. В первой строке повторяется два изображения, поэтому псевдокласс не действует, во второй строке вставлено одно изображение, для него :only-of-type и работает.
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (0)
Имя
Email
Осталось 65535 символов
© 2006-2012, Home-test.biz