如何在 css 中引用另一个选择器

Question

我在我的新项目中使用 bootstrap，当我创建 table 时，我需要输入此代码 <table class="table table-responsive table-striped table-bordered table-hover">

我只想使用 <table class="table"> 并自动添加其余部分。

我希望这可以用 css 完成，如下所示：

.table {
    add .table-responsive;
    add .table-striped;
    etc...
}

这样的事情是否可能，如果不可能，你应该怎么做才能解决这个问题？

Answer 1

纯 css 是不可能的。如果你使用一些 css 模板程序语言，比如 Sass，你可以使用 @extend 来达到这个目的。然而实际上它只会产生 css with .table class 和复制粘贴的 css 另一个 classes.

规则

--

加上@torazaburo 的评论。 实际上它会产生

.another-class, .table { another-class-rules } 

而不是

.table { another-class-rules }