css - rails bootstrap css 优化

Question

我有很多表，而不是总是给类 %table.table.table-hover.table-condensed.table-responsive.table-bordered 我能以某种方式将它设置为 %table 将采用 application.css.scss 中的所有其他选项？

我试过了

.table {
    .table-responsive;
    .table-bordered;
}

，但是显示错误。

有什么想法吗？

Answer 1

@extend 看起来像是您问题的解决方案。将以下内容添加到您的 scss 中:

table {
  @extend .table, .table-hover, .table-condensed, .table-responsive, .table-bordered
}

不过要小心:@extend 很棘手，它不会将 .table、.table-hover 等属性添加到您对“table”的定义中，而是将 block 的内容添加到您编译的 css，其中提到了任何其他类。