Question

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            .linktabledesign tr td a{
                .
                .
                .
            }
        </style>
    </head>
    <body>
        <table>
            <tr>...</tr>
            <div id="stuff" class="linktabledesign">
                <tr>
                    <td><a></a></td>
                    .
                    .
                    .
                    <td><a></a></td>
                </tr>
                .
                .
                .
                <tr>
                    <td><a></a></td>
                    .
                    .
                    .
                    <td><a></a></td>
                </tr>
            </div>
        </table>
    </body>
</html>

我希望将<a>中的每个<div>标记与id="stuff" linktabledesign格式化为{{1}}。我已经如上所示设置了我的代码（省略了数据）。我为阻止我的代码按预期工作而犯了什么错误？

Answer 1

div不是table的有效子元素。 Try using thead, tbody and tfoot instead.

.linktabledesign tr td a {
  color: green;
}

<table>

  <thead>
    <tr>
      <td>
        <a>head link</a>
      </td>
    </tr>
  </thead>

  <tbody class="linktabledesign">
    <tr>
      <td>
        <a>body link</a>
      </td>
      . . .
      <td>
        <a>body link</a>
      </td>
    </tr>
  </tbody>

  <tfoot>
    <tr>
      <td>
        <a>footer link</a>
      </td>
    </tr>
  </tfoot>

</table>

如何格式化表格中的每个元素？

1 个答案: