CSSリファレンスマニュアル

CSS @ルール（RULES）

CSS属性全書

CSS関数（Functions）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関数（Functions）CSS選択子全書