View source for CSS3/Selectors/pseudo-classes/:only-of-type

= Pseudo-class :only-of-type =

The :only-of-type pseudo-class represents an element that has a parent element and whose parent element has no other element children with the same expanded element name. Same as :first-of-type:last-of-type or :nth-of-type(1):nth-last-of-type(1), but with a lower specificity. 

== Syntax ==
<pre>
selector:only-of-type{ properties }
</pre>


== Example ==
[style.css]
  h1:only-of-type{
    background-color: yellow;
  }


[index.html]
<pre>
<body>
  <h1>Only-child example</h1>
  <p>This is a paragraph.</p>
  <p>This is a paragraph.</p>
</body>
</pre>

[[File:Css3_selectors_only-of-type.png‎]]

The CSS Selectors Level 3 specification defines the :only-of-type pseudo-class selector in [http://www.w3.org/TR/css3-selectors/#only-of-type-pseudo 6.6.5.11. :only-of-type pseudo-class].