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