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

Question

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

.btn {
    //stuff here
}

我要创建另一个类，比方说.btn2。我希望能够将.btn中的特性继承到btn2，因为我只想更改按钮2的颜色。在CSS中有这种方法吗？或者我应该将原始内容复制并粘贴到新类中吗？

Answer 1

我建议：

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

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

JS Fiddle demo

Answer 2

您可以使用动态样式表来完成此操作。查看LESS或SASS。

编辑：

评论者要求的其他一些信息。这是官方网站。他们都在主页上有例子。

http://lesscss.org/ http://sass-lang.com/

Answer 3

你能做的就是这个

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

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

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

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

无法在纯CSS中使用，您需要查看SASS或LESS