Селектор :only-of-type выбирает единственные дочерние элементы определенного вида.
p:only-of-type выбирает параграф, если он является единственным параграфом внутри родительского элемента.
Селекторы :only-of-type и :only-child имеют сходства, за исключением того, что селектор :only-child выбирает элемент, если его родитель не имеет других дочерних элементов какого-либо вида.
Версия
CSS3
Синтаксис
:only-of-type {
css declarations;
}Пример
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
p:only-of-type {
background: #1c87c9;
}
</style>
</head>
<body>
<h2>Пример селектора :only-of-type</h2>
<div>
<p>Lorem Ipsum - это текст-"рыба".</p>
</div>
<div>
<p>Lorem Ipsum - это текст-"рыба".</p>
<p>Lorem Ipsum - это текст-"рыба".</p>
</div>
</body>
</html>Поддержка браузера
|
|
|
|
|
|---|---|---|---|---|
| 4.0+ | 12.0+ | 3.5+ | 3.2+ | 10.0+ |
Практикуйте свои знания
What is the function of the ':only-of-type' pseudo-class in CSS?
Правильный!
Неправильно!