Override em font-size when elements are nested

Question

How do you override the font-size property when you have nested elements? Using !important doesn\'t seem to have any effect.

div {
    font-size:6em         


        

Answer 1

In addition to dmzza's answer: The !important rule only has effect when you have selectors in your style sheet with conflicting specificity.

In your case there was no conflict, so the !important rule couldn't have any effect.

When you have conflicting specificity it is always better to create a more specific selector for the exception.