Справочники CSS3 :only-of-type

Что такое :only-of-type в CSS3?

Стили в псевдоклассе :only-of-type будут применены к объекту, если он единственный объект в теге. К примеру, у нас есть тег div и у него три тега p. В этом случае p:only-of-type не будет применен, так как в теге присутствует несколько таких тегов.

Этот псевдокласс будет корректно работать во всех браузерах.

Пример псевдоэлемента:
.block>p:only-of-type {
   color: #d38e8e;
}
HTML код:
<div class="block">
	<p>Текст номер 1</p>
	<p>Текст номер 2</p>
	<p>Текст номер 3</p>
</div>
<div class="block">
	<p>Текст номер 1</p>
</div>
Результат:

Текст номер 1

Текст номер 2

Текст номер 3

Текст номер 1

Комментарии
Добавить комментарий

Пока комментариев нет