Использовать разные css на основе содержимого элемента?

Question

Это теоретический вопрос о возможностях CSS.

Я знаю, что нормальная практика заключается в изменении этой серверной части, но мне было интересно, можно ли использовать альтернативный css на основе содержимого элемента. Например, если элемент разделения таблицы содержит стиль 0, это один цвет.

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

И ничего больше, чем 0 стиле альтернативный цветовой

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

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

Answer 1

Путь это может быть достигнуто с помощью атрибутов данных HTML5, но это требует, чтобы немного изменить разметку (обычно ISN» т проблему, если она генерироваться динамически):

HTML:

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

CSS:

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

Working JS Bin

Для полной поддержки браузера, то лучше использовать JavaScript.