基于元素文本的CSS选择器?

可能重复:
有包含特定文本的元素的CSS选择器吗?

有没有办法根据元素文本在CSS中选择元素?

即:

li[text=*foo]

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

这可能不起作用。

编辑:也只需要支持Chrome。


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


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

你可以尝试使用jQuery选择器:contains() ,添加一个类,然后为一个类做一个正常的样式。


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

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

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

li > span.foo {...}
链接地址: http://www.djcxy.com/p/41411.html

上一篇: CSS selector based on element text?

下一篇: jQuery Get Selected Option From Dropdown