Apply !important to font-family with more than one option

Question

How can I apply !important to the following syle:

font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;  

I've tried this, but doesn't work:

font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif !important;

Answer 1

Select the children within the parent container with a wildcard (*):

div * {font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif !important; }

http://jsfiddle.net/4d3K4/50/

Answer 2

The code is fine. It would vary depending on which elements you are giving the property to. It's better if you use specific selectors such as classes:

http://jsfiddle.net/4d3K4/