将CSS应用于表格标题中的特定文本

时间:2019-01-22 11:03:44

标签: html css css3 css-selectors

我有一个动态的html表,该表会根据某些参数而增长和收缩。我必须对标题为YTD的列应用某种样式。

当表格是静态的并且我知道YTD列的位置时,我使用下面的CSS对其进行样式设置

.DashboardTable tr td:nth-child(5) {
        background-color: #0091D5;
        color: white;
    }

因为我知道这是我必须设计的第五栏。但是现在YTD列可以根据参数移动到8或10等位置。 因此,我想知道css中是否可以基于列标头(th)进行定位,因此它不是5,而是像下面这样,并使用文本YTD定位th并应用样式。

.DashboardTable tr td:nth-child("YTD") {
            background-color: #0091D5;
            color: white;
        }

请告诉我这是否可能

谢谢

0 个答案:

没有答案