Bootstrap、table-stripped class 仅用于指定的列

Question

我只想将 table-stripped class 应用于我的 3 个列。我总共有 5 个列，但其中 3 个需要被剥离。有什么想法吗？

例如，我只想应用table剥离到下面的选定区域：

Answer 1

您可以使用 style="background-color: white;"

覆盖第一个 td 元素

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<table class="table table-condensed table-striped">
    <thead>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td style="background-color: white;">John</td>
        <td>Doe</td>
        <td>john@example.com</td>
      </tr>
      <tr>
        <td>Mary</td>
        <td>Moe</td>
        <td>mary@example.com</td>
      </tr>
      <tr>
        <td style="background-color: white;">July</td>
        <td>Dooley</td>
        <td>july@example.com</td>
      </tr>
    </tbody>
  </table>
</div>

Bootstrap、table-stripped class 仅用于指定的列

Bootstrap, table-stripped class for only specified columns

bootstrap-table