Possible to make SASS @extend styles !important?

Question

Is there a way to give SASS styles applied using the @extend feature the status of being !important? I tried this:

.somestyles { width: 1000px; } .importantstyle { @extend .somestyles !important; }

Didn't work, but how might this be done? Or is it just not possible?

cimmanon · Accepted Answer · 2014-02-20 14:45:11Z

34

What you're asking for is not possible. You could increase the specificity of the selector that's doing the extending.

body .importantstyle { @extend .somestyles; }

answered Feb 20, 2014 at 14:45

68.6k17 gold badges169 silver badges172 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Avoid comments like "thanks". Hum sorry but this time really just want to say thanks, it saves me a lot of time for sure.