继承另一个对象的属性在CSS

Question

我在我的CSS类名为.btn：

.btn { 
    //stuff here 
} 

，我会创建另一个类，可以说.btn2。我希望能够将.btn的特征继承到btn2中，因为我只想更改按钮2的颜色。有没有在CSS的方法呢？或者我应该将原始材料复制并粘贴到新课​​程中？

Answer 1

我d建议：

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

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

JS Fiddle demo。

Answer 2

你可以做的就是这个

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

这样一来，无论是班将分享在规则块中定义的公共属性。

至于继承推移，有些东西你想有..

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

不会在纯CSS的工作，你需要看一看SASS或LESS

Answer 3

你可以用动态样式表来做到这一点。检查出LESS或SASS。

编辑：

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

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