Html 设计一个直接的孩子 t车身>tr{ 颜色：灰色 } 喜爱的电影 铁耳 肖申克的救赎1994 Django Unchained 2012 坎迪曼1992
为什么div内的行变得太灰？我写了tbody>tr，而不是tbody tr，因此只有第一行，即tbody的直接子行，应该变成灰色。来自：Html 设计一个直接的孩子 t车身>tr{ 颜色：灰色 } 喜爱的电影 铁耳 肖申克的救赎1994 Django Unchained 2012 坎迪曼1992,html,css,html-table,Html,Css,Html Table,为什么div内的行变得太灰？我写了tbody>tr，而不是tbody tr，因此只有第一行，即tbody的直接子行，应该变成灰色。来自： 允许的内容：零个或多个元素 因此，浏览器忽略了元素中的div 你可以试试下面的方法 <!DOCTYPE html> <html> <head> <style> tbody > tr { color: grey } </style&
- 允许的内容：零个或多个
元素
div<!DOCTYPE html>
<html>
<head>
<style>
tbody > tr {
color: grey
}
</style>
</head>
<body>
<table>
<thead>
<tr><th colspan="2">Favourite films</th></tr>
<tr><th>Title</th><th>Year</th></tr>
</thead>
<tbody>
<tr><td>The Shawshank Redemption</td><td>1994</td></tr>
<div>
<tr><td>Django Unchained</td><td>2012</td></tr>
<tr><td>Candyman</td><td>1992</td></tr>
</div>
</tbody>
</table>
tbody > tr:first-of-type
要选择第一行，只需执行以下操作
tbody > tr:nth-child(1)
您需要删除tbody内部的div，因为它是无效的tbody>tr表示第一级tr，而不是第一级tr。其余部分都有很好的解释。
千万不要把div放在tr里面，如果需要的话，你可以把它放在td里面。div不能是tbody的孩子，所以你的浏览器可能会自动更正和删除它。我想OP知道这一点。但这里的问题是
tbody > tr:first-child