作者kisha024 (4545454554)
看板Web_Design
标题[问题] Child combinator >
时间Tue Jul 4 13:38:51 2023
各位好
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 不行呢？
谢谢
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 223.138.40.245 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1688449133.A.410.html
1F：推 nick8195: 虽然html当中没有使用，但结构上table底下还有tbody 07/04 13:46
2F：→ nick8195: 改成table>tbody>tr就能达到效果了 07/04 13:47
3F：推 qptw: >是子代，也就是TABLE里面第一子层必须是TR，而空格则是後代 07/04 15:02
4F：→ qptw: 的概念，TABLE 里面可以隔着别人，只要找到TR就可以了 07/04 15:03
5F：→ microloft: 承1楼，就算你没写tbody，浏览器还是会自动帮你加 07/04 15:28
谢谢大家 原来是tbody 突然有种「看不见,可是你依然存在」的感觉
※ 编辑: kisha024 (223.138.40.245 台湾), 07/04/2023 15:41:15
7F：→ nottt: 以浏览器渲染出来的为主，因为可能被js或其他外挂更换html 07/04 16:33