稱呼直系子女

Question

<!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的直接子代，應該變成灰色。

Answer 1

從手冊：

允許的內容：零個或多個<tr>元素。

因此，您的瀏覽器會忽略<tbody>元素中的div

您可以嘗試以下

tbody > tr:first-of-type

例

您也可以使用：

tbody > tr:nth-child(1)

例

Answer 2

要選擇第一行，您只需執行此操作

tbody > tr:first-child

您需要在tbody中刪除該div，因為它無效

Answer 3

tbody> tr表示tr的第一級，而不是第一tr.Rest都得到了很好的解釋。 切勿將div放在tr中，如果需要，可以將其放在td中。

稱呼直系子女

問題描述

3 個解決方案

解決方案1
1 2014-05-28 15:58:34

解決方案2
0 2014-05-28 16:06:51

解決方案3
0

稱呼直系子女

問題描述

3 個解決方案

解決方案1 1 2014-05-28 15:58:34

解決方案2 0 2014-05-28 16:06:51

解決方案3 0

解決方案1
1 2014-05-28 15:58:34

解決方案2
0 2014-05-28 16:06:51

解決方案3
0