各位好
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 不行呢？
謝謝