为什么在使用子选择器时table> tr> td不起作用？

Question

为什么在使用子选择器时table> tr> td不起作用？

我无法理解为什么以下选择器按预期工作（即获取td）：

table tr td

但这个没有：

table > tr > td

它td是后代tr，后者又是后代table，但他们也是彼此的孩子。因此，我认为>选择器也可以工作。

我做了两个小提琴：

1. 孩子：http：//jsfiddle.net/brLee/

2. 后裔：http：//jsfiddle.net/brLee/1/

为什么>选择器不在这里工作？

Answer 1

如果你想比教皇更加天主教徒:)这就是我所做的（因为以上都没有为我工作）：1）创建一个css类，将其分配给GridView的属性（例如：<PagerStyle&nbsp;CssClass="pagerNoBorder"&nbsp;/>）2）定义css类，就像浏览器呈现页码一样（在浏览器中检查元素并查找所有子选择器！）。就我而言，情况如下：.pagerNoBorder&nbsp;>&nbsp;td&nbsp;>&nbsp;table&nbsp;>&nbsp;tbody&nbsp;>&nbsp;tr&nbsp;>&nbsp;td&nbsp;&nbsp;&nbsp;&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-width:0px&nbsp;!important; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-style:none; &nbsp;&nbsp;&nbsp;&nbsp;}如果你要在同一时间说出为什么边界宽度（+！重要）和边框式，那么请再次阅读我的答案的介绍:)。干杯和美好的一天！