Can I "stack" !important;?

Question

I googled a little bit and I couldn't find the answer.

My question is: does stacking !important works in some way? Or can I achieve the same functionality in another way? I'm aware that it's not a good practice

Example, say I have:

.myOuterDiv
{
   margin-left: 5px !important; 
}

.myInnerDiv
{
   margin-left: 10px !important; 
}

It's obvious that the content of the inner div will have a margin of 10px, but can I add another important such as

.myOuterDiv
{
   margin-left: 5px !important !important; 
}

I wanna do exactly that, override the inner important so I can have a margin-left of 10. Can I do it like this or in some other way?

Answer 1

No, you cannot stack !important.. it doesn't work that way.

!important can be avoided a majority of the time, there are usually alternatives.