Inherit attributes from another object in css

Question

I have a class in my css called .btn:

.btn {
    //stuff here
}

and I am going to create another class, lets say .btn2. I want to be able to inherit the characteristics from .btn into btn2, as I only want to change the color of button 2. Is there a way in CSS for this? Or should I just copy and paste the original stuff into the new class?

Answer 1

I'd suggest:

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

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

JS Fiddle demo.