我想为每个 <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 的 nth-child
选择器:
td:nth-child(1) {
color:blue;
}
td:nth-child(2) {
color:red;
}
td:nth-child(3) {
color:brown;
}
td:nth-child(4) {
color:green;
}
关于html - CSS:我想在一个容器中分别定位每个 child ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16153032/