各位好
https://jsfiddle.net/rxd8eyw1/
如上连结
table > tr {
color: red;
}
<table>
<tr>
<th></th>
<th scope="col">国文</th>
<th scope="col">英文</th>
<th scope="col">数学</th>
</tr>
<tr>
<th scope="row">张三</th>
<td>78</td>
<td>60</td>
<td>98</td>
</tr>
<tr>
<th scope="row">李四</th>
<td>67</td>
<td>65</td>
<td>85</td>
</tr>
<tr>
<th scope="row">王五</th>
<td>69</td>
<td>85</td>
<td>45</td>
</tr>
</table>
https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator
在HTML的结构上 tr 应该是 table 的 direct child 吧
但 table > tr 这样写，好像没 match 到 tr
我知道可以用 table tr， 但为什么 table > tr 不行呢？
谢谢