基于元素文本的CSSselect器？

可能重复：
是否有包含特定文本的元素的CSSselect器？

有没有办法根据元素文本在CSS中select一个元素？

即：

li[text=*foo] <li>foo</li> <li>bar</li> 

这可能不起作用

我希望答案是否定的，但是要提前感谢。

编辑：也只需要支持Chrome。

Answer 1

不直接使用CSS，你可以通过基于内部内容的JavaScript来设置CSS属性，但是最后你仍然需要在CSS的定义中操作。

Answer 2

我知道这不是你正在寻找的，但也许它会帮助你。

你可以尝试使用一个jQueryselect器:contains() ，添加一个类，然后为一个类做一个正常的风格。

Answer 3

这可能是讨论过的，但是从CSS3开始，没有什么东西像你所需要的（另请参阅“ 是否有包含特定文本的元素的CSSselect器？ ”）。 你将不得不使用额外的标记，像这样：

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

然后以通常的方式参照它：

 li > span.foo {...}