如何选择这个td元素？

Question

我需要选择值为2的td元素。我怎么能用纯CSS做到这一点？

<tr class="Foobar">
   <td>1</td>
   <td>2</td>
   <td>3</td>
</tr>

谢谢！

Answer 1

我建议，假设它是您要选择的第二个td元素（而不是包含数字{{1}的任何 td元素}）：

2

JS Fiddle demo

tr.Foobar td:nth-of-type(2) {
    /* your CSS */
}

JS Fiddle demo

如果您需要支持较旧的浏览器，而不支持tr.Foobar td:nth-child(2) { /* your CSS */ } 或:nth-of-type()，则可以使用：

:nth-child()

JS Fiddle demo

参考文献：

• CSS Selectors。