设置特定颜色类型的表格单元格

Question

如果单元格包含特定字符串，是否可以直接设置样式？ 举个例子

<td>red</td>
<td>red</td>
<td>green</td>
<td>red</td>
<td>gree</td>
<td>yellow</td>

我知道这是可以通过第 n 种类型实现的，但假设有数千行，我们是否可以设置类似的东西

CSS 样式

td:contains(red) {
background: red;
}

我尝试不使用JavaScript，而是使用纯CSS脚本。

Answer 1

仅使用 css 无法做到这一点

JS代码，如果你有兴趣：

document.querySelectorAll("td").forEach( td => {
if(td.innerText.contains("your text")){
td.style.backgroundColor = "red";
}
});