时间戳

首页 > 解决方案 > 设置特定颜色类型的表格单元格

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

问题描述

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

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

我知道这可以通过 nth-type 实现，但假设有数千行，我们是否能够设置类似

样式

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

我试图不使用javascript，而是使用普通的css脚本。

标签： css

解决方案

仅使用 css 无法做到这一点

感兴趣的JS代码：

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

推荐阅读