CSS :: Tablo Hücresinden Önce

Question

Bir position:absolute olan bazı tablo hücrelerinde ::before seçici eklemek istiyorum, ancak başarısız oluyor:

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 'i tüm tr'lara eklediğimde işe yarar:

Ama bu istediğim şey değil, çünkü sadece bazılarına eklemek istiyorum.

Answer 1

Tam olarak neden başarısız olduğunu bilmiyorum, ancak bunun yerine ilk tablo hücresine ekleyebilirsiniz.

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