相关疑难解决方法(0)

有没有办法将Class'样式应用于只有一级td标签？

<style>.MyClass td {border: solid 1px red;}</style>

<table class="MyClass">
  <tr>
    <td>
      THIS SHOULD HAVE RED BORDERS
    </td>
    <td>
      THIS SHOULD HAVE RED BORDERS
      <table><tr><td>THIS SHOULD NOT HAVE ANY</td></tr></table>
    </td>
  </tr>
</table>

我无法理解为什么以下选择器按预期工作(即获取td):

table tr td

但这个没有:

table > tr > td

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

我做了两个小提琴:

1. 孩子:http://jsfiddle.net/brLee/
2. 后裔:http://jsfiddle.net/brLee/1/

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