根据元素的内容使用不同的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。