CSS селектор для элементов без родственных элементов текста

Question

Я пытаюсь найти селектор CSS, который может помочь мне различать теги <var> в этих 2 различных случаях:

<p><var>Foo</var></p>

И

<p>Some text <var>Foo</var> and more text</p>

В основном, если у var есть брат или сестра, который является текстовым узлом, мне нужно по-другому его стилизовать. Предложения?

Answer 1

Это невозможно, извините. Проверьте это обсуждение: http://forum.userstyles.org/comments.php?DiscussionID=6 или официальные страницы W3C http://www.w3.org/TR/css3-selectors/, где вы можете увидеть, что даже CSS3 не будет поддерживать это. Единственный способ, которым CSS учитывает даже текстовые узлы DOM: псевдокласс: empty, выбирающий пустые элементы, то есть не имеющие ни дочерних, ни текстовых узлов.