:only-of-type
only-of-type擬似クラスは兄弟要素で特定の要素のうちで1つだけ登場する要素を選択できるセレクタです。
<dl>
<dt id="dt1">dt1</dt>
<dd id="dd1">dd1</dd>
<dd id="dd2">dd2</dd>
<dd id="dd3">dd3</dd>
</dl>このようなHTMLがあった場合、次のセレクタでは#dt1が赤色になります。
dt:only-of-type{
color:red;
}次のようなHTMLではdt要素が2つあるのでonly-of-type擬似要素では選択できません。
<dl>
<dt id="dt1">dt1</dt>
<dd id="dd1">dd1</dd>
<dt id="dt2">dt2</dt>
<dd id="dd2">dd2</dd>
<dd id="dd3">dd3</dd>
</dl>参考URL
6.6.5.11. :only-of-type pseudo-class - W3C
登録日 : 2013年06月08日 最終更新日 : 2013年6月8日
同じカテゴリー(Selector)のエントリー
- 兄弟セレクタ
- 隣接セレクタ
- 子セレクタ
- :not()
- idセレクタ
- classセレクタ
- ::after
- ::before
- ::first-letter
- ::first-line
- :indeterminate
- :checked
- :disabled
- :enabled
- :lang()
- :target
- :focus
- :active
- :hover
- :visited
- :link
- :empty
- :only-of-type
- :only-child
- :last-of-type
- :first-of-type
- :last-child
- :first-child
- :nth-last-of-type()
- :nth-of-type()
- :nth-last-child()
- :nth-child()
- :root
- 属性セレクタ
- 子孫セレクタ
- 要素セレクタ
- ユニーバサルセレクタ