css - 是否可以通过 CSS 3 使用文本内容设置元素中文本的颜色？

Question

好的，所以这更像是一个有很多非 CSS 解决方案的问题，但我希望从理论 Angular 更多地解决这个问题。我有一个应用程序，但不值得以任何其他方式将其编码出来。

(有趣的)问题

如何使用元素的文本为元素的文本着色？我有一个单独的元素，它将包含颜色的十六进制值，我希望文本是那种颜色，但我只想使用 CSS 来实现(可能只能使用 CSS 3 来实现)。

示例 HTML

<div class="color_contents">#0000FF</div>

所以，我尝试使用 attr() 但没有成功，但我不确定我使用的内容是否正确(我试过 text、textContent 和 innerText 无济于事)。不需要跨浏览器，只是实现它的一种方式。

Answer 1

目前，没有办法使用 CSS 来访问元素的文本内容，即使是现在可用的 CSS3 模块也是如此。

关于这个:

So, I've tried to use the attr() with no success, but I'm not sure I'm using the right contents (I've tried text, textContent, and innerText to no avail). Doesn't need to be cross-browser, but just a way to accomplish it.

attr() 只查看元素属性 (foo="bar")。由于文本内容不是 HTML 元素的属性(尽管是相应 DOM 对象的成员)，您无法使用该函数查询它。

没有类似的函数来访问元素的文本内容。