我想在一些表格单元格上添加一个:: 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>
但这不是我想要的,因为我只想在其中一些上添加它.
解决方法
我不确定它为什么会完全失败,但你可以将其添加到第一个表格单元格上.
.useBefore td:first-child:before{
content:'before';
position:absolute;
}
