Применение стиля CSS на основе содержания текста?

Question

Я создаю приложение для управления своими личными задачами, и как часть этого, я заполняю таблицу, используя PHP, который получает строки из базы данных MySQL. Тем не менее, поскольку есть много задач, которые возвращаются, и каждая задача имеет статус, я хочу упростить применение разных цветных стилей к статусу каждой задачи, т. Е. Красный для ожидания, желтый для продолжения и т. Д., Поэтому я могу легко Найди их. Тем не менее, я не могу понять, как я бы идти об этом динамически в:

1. Check contents of the status cell. 
2. Apply style on the basis of contents. 
3. Move to next cell in status column. 
4. Move to step 1. 

ли это сделать с помощью CSS или Javascript? Я думаю, что это Javascript, но я не знаю, с чего начать.

Answer 1

В PHP вы можете str_replace() пространство в вашем status поля с дефисом для создания класса элемента и иметь соответствующий набор правил CSS

шаблон PHP:

<div class="<?= str_replace(' ', '-', $row->status);?>"> 

CSS

div.pending{ color:yellow } 
div.in-progress{ color:orange }