only-child

:only-child

Pseudotřída :only-child určí, ke kterému elementu v seskupení elementů se přiřadí určené hodnoty.

Podpora:

IE 9+, Firefox, Chrome, Safari, Opera

HTML

  <div>
    <span>span</span> <strong>strong</strong>
  </div>
  <div>
    <span>span</span>
  </div>
  <div>
    <span>span</span> <span>span</span>
  </div>
  <p>
    <span>span</span>
  </p>
  <div>
    <span>span</span> <em>em</em>
  </div>

CSS

span:only-child {
  background: silver;
}

Prohlížeč

Vybere určené osamocené elementy v nadřazeném elementu.