css - 在另一个 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

你可以通过 Sass 使用选择器继承来做到这一点@extend。

SCSS 的解决方案：

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

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

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

@import "twitter/bootstrap"