Руководство по CSS

CSS @правила (RULES)

Полный список свойств CSS

Функции CSS Полное руководство по селекторам CSS

CSS3 :only-of-type селектор

CSS суррогат :only-of-type代表着任意一个元素，这个元素没有其他相同类型的兄弟元素。

Полное руководство по CSS селекторам

Онлайн пример

Указать каждый элемент p, который является уникальным ребенком родительского элемента определенного типа:：

Пример

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">　
<title>Основной учебник (oldtoolbag.com)</title>
<style>
div　{
　　border: 1px solid #ccc;
　　margin: 20px;
　　padding: 10px 10px 10px 30px;
}
p:only-of-type　{
　　color: red;
}
</style>
</head>
<body>
<div>
　　<p>Я единственный элемент абзаца в этом div.</p>　　
　　<ul>
　　　　<li>Элемент списка</li>
　　　　<li>Элемент списка</li>
　　</ul>　　
</div>
<div>
　　<p>Этот div содержит несколько абзацев.</p>　　
　　<p>Я также являюсь абзацем.</p>　　
　　<ul>
　　　　<li>Элемент списка</li>
　　　　<li>Элемент списка</li>
　　</ul>　　
</div>
</body>
</html>

Проверьте ‹/›

Определение и использование

element:only-of-type　{　style　properties　}

:only-of-type代表着任意一个元素，这个元素没有其他相同类型的兄弟元素。

Совместимость браузеров

Числа в таблице показывают первую версию браузера, поддерживающую этот свойство.

Выборщик
:only-of-type	4.0	9.0	3.5	3.2	9.6

Полное руководство по CSS селекторам

Функции CSS Полное руководство по селекторам CSS