Question

Possible Duplicate:
Is there a shortcut for setting !important on every property in a CSS file?

I have a unique problem. In css, !important overrides any element already declared – but let’s say I want all styles to override any other mentioned stylesheet; well, normally I would put the override second on the html file like this:

<link rel="stylesheet" type="text/css" href="mystyle.css">
<link rel="stylesheet" type="text/css" href="override.css">

But for some reason this isn’t working. Specifically, what I am doing, is adding classes to append basic css styles. Like this:

<div class="no-border-right float-left no-margin-top"></div>

And in my CSS:

.no-border-right {
    border-right: 0px solid transparent;
}

.float-left {
    float: left;
}

.no-margin-top {
    margin-top: 0;
}

But, it’s still not overriding. I would just add !important to every element, but the problem is, I’ve already structured the 14gb library. (I work on this only when I’m bored… hehe :P) So I was wondering how to add !important to every element. Like:

* {
    ...!important;
}

Maybe not even that… Any ideas?

Answer 1

Probably your new selectors doesn’t have enough priority over the ones you have on mystyle.css?

CSS/Training/Priority level of selector

CSS: Understanding the selector's priority / specificity

!important override these calculations, buts a hack that should be avoided if possible in favor of the standard way.