基于文本内容应用CSS样式？

Question

我正在制作一个应用程序来管理我的个人任务，并且作为其中的一部分，我使用从MySQL数据库获取行的PHP填充表。但是，由于返回的许多任务和每个任务都具有状态，因此我希望更容易地将不同颜色的样式应用于每个任务的状态，即红色表示待处理，黄色表示正在处理中，因此我可以轻松地找到他们。但是，我似乎无法理解我将如何动态地执行此操作，如下所示：

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 }