css - 在另一个 css 选择器中使用一个类

Question

有没有办法将 css 选择器的样式设置为与之前未使用 javascript 定义的另一个选择器(在本例中为类)相同？

具体来说，我的问题是将 Bootstrap 按钮类(btn-small、btn-mini)应用到不同的按钮，而无需手动更改。原因是我正在用 javascript 替换按钮，并且由于我不想重写很多代码，所以我希望该类位于 html 之外

所以而不是拥有

<div class="mini">
    <a class="btn btn-mini"> some_link </a>
</div>

和

<div class="small">
    <a class="btn btn-small"> the_same_some_link </a> 
</div>

我能做到

<div class="link small">
    <a class="btn"> the_same_some_link </a>
</div>

并使用 css 做

.small a{
import .btn-small
}

.mini a{
import .btn-mini
}

这可以用 css 或 scss/sass 实现吗？

Answer 1

您可以通过使用 selector inheritance 使用 Sass 来完成此操作通过 @extend。

SCSS 的解决方案:

.small a{
  @extend .btn-small;
}

.mini a {
  @extend .btn-mini;
}

编辑:如评论中所述，您还需要:

@import "twitter/bootstrap"