基于元素文本的CSSselect器?

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

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

即:

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

这可能不起作用

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

编辑:也只需要支持Chrome。

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

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

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

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

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

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

 li > span.foo {...}