个人中心
gpt4 book ai didi

html - 如何定位 中的第一个 ，而不是
转载 作者：行者123 更新时间：2023-11-28 16:02:30 24 4
gpt4 key购买 nike

表“tabid”的第一行已按预期选择。然而，第二个表格的第一行也被选中，这是我不想要的。

table#tabid tr:first-of-type {
  background-color: yellow;
}
<table id="tabid">
  <tbody>
    <tr>
      <td>Select me</td>
      <td>cell-112</td>
      <td>cell-113</td>
    </tr>
    <tr>
      <td>cell-121</td>
      <td>cell-122</td>
      <td>cell-123</td>
    </tr>
    <tr>
      <td>cell-131</td>
      <td>Cell-132</td>
      <td>Cell-133</td>
    </tr>
    <tr>
      <td>
        <table>
          <tbody>
            <tr>
              <td>, but not me</td>
              <td>cell-141-1</td>
              <td>cell-141-1</td>
              <td>cell-141-1</td>
            </tr>
          </tbody>
        </table>
      </td>
      <td>cell-142</td>
      <td>cell-143</td>
    </tr>
  </tbody>
</table>

最佳答案

您可以使用 child combinator , > 像:

table#tabid > tbody > tr:first-of-type {
  background-color: yellow;
}

table#tabid > tbody > tr:first-of-type {
  background-color: yellow;
}
<table id="tabid">
  <tbody>
    <tr>
      <td>Select me</td>
      <td>cell-112</td>
      <td>cell-113</td>
    </tr>
    <tr>
      <td>cell-121</td>
      <td>cell-122</td>
      <td>cell-123</td>
    </tr>
    <tr>
      <td>cell-131</td>
      <td>Cell-132</td>
      <td>Cell-133</td>
    </tr>
    <tr>
      <td>
        <table>
          <tbody>
            <tr>
              <td>, but not me</td>
              <td>cell-141-1</td>
              <td>cell-141-1</td>
              <td>cell-141-1</td>
            </tr>
          </tbody>
        </table>
      </td>
      <td>cell-142</td>
      <td>cell-143</td>
    </tr>
  </tbody>
</table>

关于html - 如何定位 <table#id> 中的第一个 <tr>，而不是 <td><table><td> 中的第一个 <tr>，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58086175/

24 4 0
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com
中的第一个