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

Question

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

具体来说，我的问题是将引导按钮类（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

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

使用SCSS的解决方案：

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

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

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

@import "twitter/bootstrap"