Question

Im importing an XML feed which has inline styles applied to its divs like:

 face="Verdana"

I want to override this with CSS. Ive tried this:

#containing-div div {  
    font-family: arial !important; 
}

But its not working. As ‘face’ is deprecated I’d hoped it would be overridden with the ‘font-family’ but it appears not to be. Given that I can’t change the XML feed (I know I should be able to but just trust me!), how can I override this?
Thanks

Answer 1

Assuming that this:

face="Verdana"

is actually this:

<font face="Verdana">..</font>

(and it must be, right? There’s no way it’s <div face="">)

then you should use this CSS:

#containing-div, #containing-div font {  
    font-family: arial; 
}

There should be no need for !important. The point is to select the font elements.