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

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

/* Выбор элемента <span>, который является единственным
   элементом своего типа среди других дочерних элементов
   или является единственным дочерним элементом */
   
span:only-of-type { font-weight: bold; }

Наличие дочерних элементов других типов (ссылки, картинки, списки и так далее) не мешают сопоставлению.

Если псевдокласс :only-of-type используется без селектора элемента:

:only-of-type { font-weight: bold; }

то он соответствует всем элементам, которые являются единственными дочерними элементами своего типа.

Пример

article :only-of-type { 
  color: #e65c00;
  background: #fff5cc;
}

<article>

  <h2>Заголовок</h2>
  
  <p>Первый абзац, содержащий один элемент
    <span>SPAN</span>.</p>
  
  <p>Второй абзац с <em>двумя</em> элементами
    <em>EM</em> и одним элементом <b>B</b>.</p>

</article>