html – 如果没有,则以不同方式对表的第一列进行样式设置

概述这就是我想要实现的目标： 这是我试图设计的标记： <h2>Table with no header</h2> <table> <tbody> <tr> <td>First column - bold</td> <td>Second column</td> </tr> <tr> <td>First col 这就是我想要实现的目标：

这是我试图设计的标记：

<h2>table with no header</h2>  <table>    <tbody>      <tr>        <td>First column - bold</td>        <td>Second column</td>      </tr>      <tr>        <td>First column - bold</td>        <td>Second column</td>      </tr>    </tbody>  </table>  <h2>table with a header</h2>  <table>    <thead>      <tr>        <th>header</th>        <th>header</th>      </tr>    </thead>    <tbody>      <tr>        <td>First column - not bold</td>        <td>Second column</td>      </tr>      <tr>        <td>First column - not bold</td>        <td>Second column</td>      </tr>    </tbody>  </table>

关于如何实现预期结果的任何想法？

解决方法 这样做,你使用直接子选择器>,first-child和：not()

table > *:first-child:not(thead) td:first-child {  Font-weight: bold;}

样品

table > *:first-child:not(thead) td:first-child {  Font-weight: bold;}

<h2>table with no header</h2><table>  <tbody>    <tr>      <td>First column - bold</td>      <td>Second column</td>    </tr>    <tr>      <td>First column - bold</td>      <td>Second column</td>    </tr>  </tbody></table><h2>table with a header</h2><table>  <thead>    <tr>      <th>header</th>      <th>header</th>    </tr>  </thead>  <tbody>    <tr>      <td>First column - not bold</td>      <td>Second column</td>    </tr>    <tr>      <td>First column - not bold</td>      <td>Second column</td>    </tr>  </tbody></table>

总结

以上是内存溢出为你收集整理的html – 如果没有,则以不同方式对表的第一列进行样式设置全部内容，希望文章能够帮你解决html – 如果没有,则以不同方式对表的第一列进行样式设置所遇到的程序开发问题。

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