выбрать: только ребенку, только если нет никакого дополнительного контента

Question

Есть ли способ, с помощью CSS селекторов (без JavaScript), чтобы выбрать дочерний элемент, только если не будет никаких дополнительный контент?

Я хочу, чтобы достичь следующего:

<style>p b:only-child { color: red }</style> 
<p><b>this should be red</b></p> 
<p><b>this</b> should be not</p> 
<p><b>this</b> <i>neither</i></p> 

В :only-child селектор работает на третьей линии, но не на секунду. См. Это jsfiddle.

Answer 1

Если посмотреть на спецификации, в разделе о structural pseudo-classes он говорит:

селекторы вводит концепцию на основе дополнительной информации структурных псевдо-классов чтобы позволить выбор, который находится в дереве документа, но не могут быть представлены другими простыми селекторами или комбинаторами.

Автономный текст и другие неэлементные узлы не учитываются при расчете положения элемента в списке дочерних элементов его родителя. При расчете позиции элемента в списке детей своего родителя, нумерация индекса начинается с 1.

только селектор, который принимает во внимание наличия текстовых узлов (для неигровых, как ни странно) :empty. Все остальные структурные псевдоклассы, включая :only-child, не учитывают их.