Can a CSS class inherit one or more other classes?

Is it possible to make a CSS class that “inherits” from another CSS class (or more than one).

For example, say we had:

.something { display:inline }
.else      { background:red }

What I’d like to do is something like this:

.composite 
{
   .something;
   .else
}

where the “.composite” class would both display inline and have a red background

29 s
29

You can add multiple classes to a single DOM element, e.g.

<div class="firstClass secondClass thirdclass fourthclass"></div>

Rules given in later classes (or which are more specific) override. So the fourthclass in that example kind of prevails.

Inheritance is not part of the CSS standard.

Leave a Comment