The following is a simplified example of a larger doc that I have.
The behavior for IE7 and Opera 9 is that the font-size does not change. Safari 1.2 and Firefox 2 are inheriting from the div's class.Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11-strict.dtd"> <html> <head> <title>Feedback Form - Widgets and What's its</title> <style type="text/css"> .DivClass { font-size: 600px; } .HClass { } </style> </head> <body> <div id="MyDiv" class="DivClass"> <h1 class="HClass">Some H1 Text</h1> </div> </body> </html>
My question is, without having to specify a font-size for h1; is there a way to tell Safari and Firefox not to inherit from the parent?
I've attempted to use both classes and class selectors. Neither seem to work and I am only allowed to work with classes (I won't have information about the element's ID during the page's render; for unrelated reasons).
Any help is appreciated.
-Thanks.




Reply With Quote