css - Firefox 中是否有任何方法可以通过标准 CSS3 或任何特定于 Mozilla 的扩展来匹配特定的 XUL 文本节点？

Question

我想使用 CSS 仅匹配 Firefox 浏览器中“查找栏”中的某些标签，以便我可以为它们着色以满足我的需要。

使用 CSS3 或任何特定于 Mozilla 的 CSS 扩展，是否有任何方法可以指定具有特定文本字符串的节点？

如果解决方案仅在 XUL namespace 内有效，我也无所谓，因为这是我的目标。

Answer 1

不幸的是，不，不是纯 CSS。您需要 Javascript 才能做到这一点。

如果你想用纯 CSS 解决你的问题，你可以给元素添加一个数据属性:

<ul>
    <li data-value="foo">foo</li>
    <li data-value="bar">bar</li>
    <li data-value="foo">foo</li>
    <li data-value="foo">foo</li>
    <li data-value="bar">bar</li>
</ul>

您现在可以使用以下 CSS 规则仅选择具有 data-value="bar" 的节点:[data-value="bar"]。