Howdy, I'm in a situation where I would like to use @media all { ... } and @media screen { ... } around blocks of CSS in a large collection of style sheets.
Test page using @media all { ... }: <http://jsbin.com/alugiv/1> Test page using @media screen { ... }: <http://jsbin.com/alugiv/2> I've tested in IE6-8 and it appears that those browsers ignore the media queries (or, they follow the rules) and load all styles found within the MQ blocks (and, the cascade does not appear to be affected). Question: My test page is simple, so maybe I'm missing something obvious (or some sort of corner case) ... Is what I'm seeing actually true? Do old IEs not mind @media screen/all { ... } syntax? Where would I go to find official docs that state weather or not this is the case? I'd like to use this on a production site, but I kinda want to confirm that what I'm seeing in my tests is really going to work for me via a live site. :) Can anyone confirm or shed light on official documentation somewhere? Thanks! M ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/