使用 Bootstrap 4 表格和 SCSS 覆盖表格悬停颜色的最佳方法？

Question

我们有一个简单的 Bootstrap 4 (alpha 6) 表，启用了悬停选项。

<table class="table table-hover">
  <tbody>
    <tr>
        <td>Sample 1</td>
        <td>Data 1</td>
    </tr>
    <tr>
        <td>Sample 2</td>
        <td>Data 2</td>
    </tr>
  </tbody>
</table>

这是 Bootstrap 4 表选项的文档。Bootstrap 4 似乎在 SCSS 中使用悬停状态。

使用 SCSS 覆盖行悬停颜色的最佳方法是什么？

Answer 1

这是实现这一目标的唯一方法，对于 css 和 scss 来说都是一样的

.table-hover> tbody> tr:hover{
    background-color:yellow;
}