2012-04-16 61 views
0

我用even & odd CSS规则的表,但是这也是不断变化的<THEAD>。CSS奇偶扫描影响THEAD

thead {background-color: #999;} 
tr:nth-child(even) {background: #fff} 
tr:nth-child(odd) {background: #C8C8C8} 

的结果是,我的<THEAD>是#C8C8C8,而不是#999

所以我的问题是,是否有可能使用即使&奇怪没有影响<thead>?

回答

1

您可以添加tbody给你选择,这样的规则只适用于TR:

tbody tr:nth-child(even) {background: #fff} 
tbody tr:nth-child(odd) {background: #C8C8C8} 
+0

对我感到羞耻!谢谢! – Entropia 2012-04-16 08:24:06

+0

@Entropia没问题! – 2012-04-16 08:27:07

0

当然,使用tbody选择:

thead{background-color: #999;} 
tbody tr:nth-child(even) {background: #fff} 
tbody tr:nth-child(odd) {background: #C8C8C8} 

因为你正在使用<tbody>您TBODY内小号你的<table>上的元素,对吗?如果不这样做,你应该使用它:)

+0

也谢谢你 – Entropia 2012-04-16 08:25:00