[問題] Child combinator >

看板Web_Design作者 (4545454554)時間7月前 (2023/07/04 13:38), 7月前編輯推噓3(304)
留言7則, 4人參與, 7月前最新討論串1/1
各位好 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://www.ptt.cc/bbs/Web_Design/M.1688449133.A.410.html

07/04 13:46, 7月前 , 1F
雖然html當中沒有使用,但結構上table底下還有tbody
07/04 13:46, 1F

07/04 13:47, 7月前 , 2F
改成table>tbody>tr就能達到效果了
07/04 13:47, 2F

07/04 15:02, 7月前 , 3F
>是子代,也就是TABLE裡面第一子層必須是TR,而空格則是後代
07/04 15:02, 3F

07/04 15:03, 7月前 , 4F
的概念,TABLE 裡面可以隔著別人,只要找到TR就可以了
07/04 15:03, 4F

07/04 15:28, 7月前 , 5F
承1樓,就算你沒寫tbody,瀏覽器還是會自動幫你加
07/04 15:28, 5F
謝謝大家 原來是tbody 突然有種「看不見,可是你依然存在」的感覺 ※ 編輯: kisha024 (223.138.40.245 臺灣), 07/04/2023 15:41:15

07/04 16:32, 7月前 , 6F
不要相信自己的原始碼
07/04 16:32, 6F

07/04 16:33, 7月前 , 7F
以瀏覽器渲染出來的為主,因為可能被js或其他外掛更換html
07/04 16:33, 7F
文章代碼(AID): #1aex1jGG (Web_Design)
文章代碼(AID): #1aex1jGG (Web_Design)