Селектор CSS для элементов без братьев и сестер текста

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

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

А также

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

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


css css-selectors
person mpeters    schedule 03.03.2010    source источник
comment
Нет, мне не нужно поддерживать IE6.   -  person mpeters    schedule 04.03.2010
comment
Нет такого селектора CSS, который мог бы это сделать. Вам придется обнаруживать такие элементы с помощью JavaScript.   -  person Scott Cranfill    schedule 04.03.2010

Ответы (1)


arrow_upward
1
arrow_downward

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

person Community    schedule 03.03.2010