可以找到文本的 CSS 选择器？答案

【问题标题】：CSS selector that can find text?可以找到文本的 CSS 选择器？
【发布时间】：2013-12-27 21:37:20
【问题描述】：

我正在尝试使用和解析带有 JS 和格式的 XML 并使用 HTML 和第一次使用 CSS，我的 XML 表“math_functions.xml”是数学运算和函数的列表，列出了它们的名称、如何在示例表达式中使用它们以及它们的描述。

表达式的一个例子是“x + y”或“x % y”或“| x |”加法、余数和绝对值。

我想这样当我将它打印到网页上时，所有变量（例如“x”和“y”）将是不同于操作或功能符号的颜色，以区分两组。

是否有一个 CSS 选择器可以选择元素内的所有特定文本，例如“x”和“y”？

我可以使用 JS 遍历每个表达式，并一次为每个变量设置一个样式，但这会更不方便。

谢谢。

【问题讨论】：

【解决方案1】：

抱歉，据我所知，纯 CSS 无法根据文本选择元素。属性值，是的，但是 innerText 或 innerHTML，不是。见CSS "inner-html" technique?

【讨论】：

【解决方案2】：

您需要使用 Javascript 来执行此操作。 CSS 不支持基于元素的内部 html 进行选择。您可以使用 JS 将文本的所需部分包装在一个跨度中，并以这种方式设置样式/目标。

【讨论】：

【解决方案3】：

虽然不一定比 JavaScript 更麻烦，但您的项目听起来可能适合 XSLT。您可以使用 XSLT 从节点中选择子字符串。

【讨论】：