Що таке :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
Коментарі