As it turns out, IEMobile 6/7 (and presumably anything earlier) doesn’t support classes and ids that are attached to the HTML element. I confirmed this on both IEMobile 6 and 7. Fortunately it looks to be fixed in IEMobile 8 (which makes sense, since it works fine in desktop IE6, which it’s based on).
The consequence of this is that adding an id/class to the html tag will result in the style not being applied to the document:
<!doctype html> <html id="a" class="b"> <head> <title>Cascade test</title> <style type="text/css" media="screen"> #a span { color: red; } /* style isn't applied in IEMobile 6/7 */ .b span { color: yellow; } /* style isn't applied in IEMobile 6/7 */ </style> </head> <body> <span>Testing 123</span> </body> </html>
Comments