有一种方法。
您可以使用data-*属性。
像这样:
NameDOJBAUXXX2015-06-031然后,在你的CSS上:
table tr[data-bau="1"] td:first-child + td {background:lightgreen;}
table tr[data-bau="2"] td:first-child + td {background:lightblue;}
table tr[data-bau="3"] td:first-child + td {background:lightyellow;}
/* ... */
示例:
table tr[data-bau="1"] td:first-child + td {background:lightgreen;}
table tr[data-bau="2"] td:first-child + td {background:lightblue;}
table tr[data-bau="3"] td:first-child + td {background:lightyellow;}
Name | DOJ | BAU |
---|---|---|
XXX | 2015-06-03 | 1 |
YYY | 2015-05-03 | 2 |
ZZZ | 2015-04-03 | 3 |
如果这不是一个选项,您可以在生成HTML时使用style属性:
Name | DOJ | BAU |
---|---|---|
XXX | 2015-06-03 | 1 |
YYY | 2015-05-03 | 2 |
ZZZ | 2015-04-03 | 3 |