我有一个动态的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;
}
请告诉我这是否可能
谢谢