<!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>
为什么 div 内的行变得太灰?我写的是 tbody > tr,而不是 tbody tr,所以只有第一行,即 tbody 的直接子级,应该变成灰色。
最佳答案
来自manual :
- 允许的内容:零个或多个
<tr>
元素。
因此您的浏览器忽略了您的 div
在<tbody>
里面元素
你可以试试下面的方法
tbody > tr:first-of-type
你也可以使用:
tbody > tr:nth-child(1)
关于html - 造型一个直接的 child ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23916478/