Import CSS Selector Styles in Another Selector? (NOT @import)

css

Solution

Not directly, no.

You could do something like this in your HTML:

<div class="original_class overwrite">...</div>

This will have the same effect, but you will have to do this for every element you want styled that way.

There is also the option of using a CSS pre-processor, like SASS, which supports inheritance/mixins.

Problem

Is there a way to import the styling of a single CSS selector into another CSS selector and add to it or rewrite properties from it. Let's say: ``` .original_class{ background:black; color:white; } .overwrite{ @import(.original_class); /* I know this doesn't work */ color:blue; border:1px solid green; } ``` I can accomplish this by just redeclaring the .original_class and assigning new values (since CSS styles are rewritten from top to bottom), but this will replace the attributes of the original CSS class. What I want is to inherit its properties into another class without having to write them again (duplicate).

Original source