CSS ::表單元格之前

Question

我想在一些表格單元格有什麼有position:absolute添加::before選擇，但它失敗：

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; 
    }