html - CSS ::表のセルの前

Question

::beforeを持ついくつかのテーブルセルにセレクターを追加したいのですposition:absoluteが、失敗します:

table{ border:1px solid #ccc; padding:10px; }
table td{ border:1px solid #ccc; padding:5px; }

.useBefore::before{
  content:'before';
  position:absolute;
}

<table>
       <tbody>
         <tr>
           <td>bird</td>
           <td>animal</td>
           <td>nature</td>
        </tr>
        <tr class='useBefore'>
           <td>building</td>
           <td>robot</td>
           <td>city</td>
        </tr>
      </tbody>
  </table>

::beforeすべての にを追加すると、機能することに気付きましたtr。

table{ 
    border:1px solid #ccc; 
    padding:10px;
  }
  table td{
    border:1px solid #ccc;
    padding:5px;
  }
  
  tr::before{
    content:'before';
    position:absolute;
  }

<table>
    <tbody>
      <tr>
        <td>bird</td>
        <td>animal</td>
        <td>nature</td>
      </tr>
      <tr class='useBefore'>
        <td>building</td>
        <td>robot</td>
        <td>city</td>
      </tr>
    </tbody>
  </table>

しかし、これは私が望むものではありません。なぜなら、それらのいくつかにのみ追加したいからです。

Answer 1

正確に失敗する理由はわかりませんが、代わりに最初のテーブルセルに追加できます。

  .useBefore td:first-child:before{
    content:'before';
    position:absolute;
  }