css - 使用 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>

Here is the documentation to the Bootstrap 4 table options . Bootstrap 4 似乎在 SCSS 中使用悬停状态。

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

Answer 1

这是实现它的唯一方法，对于 css 和 scss 都是一样的

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