CSS псевдокласс :only-child

Псевдокласс :only-child применяет заданный стиль к элементу, который является единственным дочерним элементом, своего родителя.

/* Выбор всех элементов, которые являются единственным
   ребёнком у своего родителя */
:only-child { 
  color: red; 
  background-color: yellow; 
}

Для более узкого выбора, используйте псевдокласс :only-child в комбинации с другими селекторами и комбинаторами:

/* Выбор всех ссылок, которые являются единственным
   ребёнком у своего родителя */
a:only-child { font-weight: bold;}

/* Выбор всех ссылок, которые являются единственными
   дочерними элементами у пунктов списков */
li a:only-child { font-weight: bold;}

Пример

p:only-child { background: #e6e6ff; }

span:only-child { 
  color: white; 
  background-color: #6666ff;
}

<div>
  <p>Этот абзац будет выделен, потому что он
  является единственным дочерним элементом
  своего родителя.</p>
</div>

<p>В этом абзаце будет выделен только
  <span>этот текст</span>.</p>

<p><span>В этом абзаце</span> не будет
  выделено <span>ничего</span>!</p>