CSS-селектор на основе текста элемента?

Возможный дубликат:
Есть ли селектор CSS для элементов, содержащих определенный текст?

Есть ли способ выбрать элемент в css на основе текста элемента?

li[text=*foo]

<li>foo</li>
<li>bar</li>

Это, вероятно, не работает.

Я ожидаю, что ответ будет отрицательным, но спасибо заранее.

Изменить: Также необходимо поддерживать Chrome.

Ответ 1

Не с помощью CSS напрямую вы можете установить свойства CSS с помощью JavaScript на основе внутреннего содержимого, но в конце вам все равно придется работать в определениях CSS.

Ответ 2

Я знаю, что это не совсем то, что вы ищете, но, возможно, это поможет вам.

Вы можете попробовать использовать селектор jQuery :contains(), добавить класс, а затем сделать обычный стиль для класса.

Ответ 3

Это, вероятно, обсуждалось, но с CSS3 нет ничего похожего на то, что вам нужно (см. также Есть ли селектор CSS для элементов, содержащих определенный текст?")., Вам придется использовать дополнительную разметку, например:

<li><span class="foo">some text</span></li>
<li>some other text</li>

Затем обратитесь к нему обычным способом:

li > span.foo {...}