css - 根据元素内容使用不同的CSS？

Question

这是一个关于 CSS 功能的理论问题。

我知道正常的做法是更改此服务器端，但我想知道是否可以根据元素的内容使用备用 css。例如，如果表格划分元素包含 0 样式，则它是一种颜色。

<td class="result">0</td>

任何高于 0 的值都会形成替代颜色

<td class="result">1</td>

<td class="result">5</td>

Answer 1

实现此目的的一种方法是使用 HTML5 数据属性，但这需要您稍微修改标记(如果是动态生成的，这通常不是问题):

HTML:

<td data-result="1">1</td>

CSS:

td[data-result="1"] { ... }

Working JS Bin

要获得完整的浏览器支持，最好使用 JavaScript。