如何选择这个td元素？

Question

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

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

谢谢！

Answer 1

我建议，在假设它是你要选择的第二td元素（而不是包含数字2任何td元素）：

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

JS Fiddle demo。

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

JS Fiddle demo。

如果您需要支持旧的浏览器，不支持:nth-of-type()或:nth-child()，那么你可以使用：

tr.Foobar td:first-child + td { 
    /* your CSS */ 
} 

JS Fiddle demo。

参考文献：

• CSS Selectors。