我想为每个< td>分配单独的颜色.一种解决方案是使用类,但如果存在简单的CSS选择器解决方案,我不想挤占
HTML.
HTML:
<tr> <td>Item 1</td> <td>Item 2</td> <td>Item 3</td> <td>Item 4</td> </tr>
CSS:
/* item #1 */ {color: red} /* item #2 */ {color: blue} /* item #3 */ {color: green}
解决方法
使用CSS的第n个子选择器:
td:nth-child(1) { color:blue; } td:nth-child(2) { color:red; } td:nth-child(3) { color:brown; } td:nth-child(4) { color:green; }