Довідники CSS3 :only-of-type

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

Стилі в псевдокласі :only-of-type будуть застосовані до об'єкта, якщо він єдиний об'єкт в тезі. Наприклад, у нас є тег div, і у нього три теги p. У цьому випадку p:only-of-type не буде застосований, оскільки в тезі присутні кілька таких тегів.

Цей псевдоклас буде коректно працювати в усіх браузерах.

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

Текст номер 1

Текст номер 2

Текст номер 3

Текст номер 1

Коментарі
Додати коментар

Поки що коментарів немає