it-swarm.com.ru

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

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

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

то есть:

li[text=*foo]

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

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

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

215
Harry

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

76
zellio

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

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

136
Błażej Klisz

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

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

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

li > span.foo {...}
18
Agos