基於文本內容應用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 }