css - 从css中的另一个对象继承属性

Question

我的 css 中有一个名为 .btn 的类：

.btn {
    //stuff here
}

我要创建另一个类，比如说.btn2。我希望能够将 .btn 的特征继承到 btn2 中，因为我只想更改按钮 2 的颜色。CSS 中有没有办法做到这一点？还是我应该将原始内容复制并粘贴到新课程中？

score 3 · Accepted Answer

我建议：

/* comma-separated selectors: */
.btn,
.btn2 {
    /* shared properties */
}

.btn2 {
    /* properties unique to btn2 */
}

score 3 · Accepted Answer

您可以使用动态样式表来做到这一点。查看 LESS 或 SASS。

编辑：

应评论者的要求提供一些附加信息。这里是官方网站。他们的主页上都有示例。

score 2 · Accepted Answer

你能做的就是这个

.btn, .btn2 {
   /* Styles goes here */
}

这样，两个类将共享规则块中定义的公共属性。

就继承而言，您想拥有的东西..

.btn2 {
   .btn; /* Won't work in pure CSS */
}

在纯 CSS 中不起作用，您需要查看SASS或LESS

3 回答 3