html – CSS ::之前在Table Cell上

概述我想在一些表格单元格上添加一个:: before选择器,它有一个位置：绝对,但它失败了： table{ border:1px solid #ccc; padding:10px; }table td{ border:1px solid #ccc; padding:5px; }.useBefore::before{ content:'before'; 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>

但这不是我想要的,因为我只想在其中一些上添加它.

解决方法 我不确定它为什么会完全失败,但你可以将其添加到第一个表格单元格上.

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

总结

以上是内存溢出为你收集整理的html – CSS ::之前在Table Cell上全部内容，希望文章能够帮你解决html – CSS ::之前在Table Cell上所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。