Re: [css-device-adapt] Bad way to solve circular dependency

[please don't top-post]

On Thu, Apr 9, 2015 at 5:07 PM, Matt Rakow <marakow@microsoft.com> wrote:
> Although the usage of braces for @media rules implies grouping, in IE at least that is not the case - your two examples are treated as functionally identical.  So if the initial viewport is 397px wide then the actual viewport is 500px wide and the text is not green.  For other initial viewport widths, the actual viewport will be the width of the initial viewport and the text will be green.
>
> I was hoping there was some specification in the Media Queries spec regarding whether rules within @media must be applied as a group, but didn't find anything.

What does "applied as a group" mean?  CSS doesn't have any notion of
temporal application; all properties that apply do so together.

> In fact I didn't see anything specifying the application of rules within @media.  I was expecting something along the lines of "the rules within an @media block are applied if and only if its media query list evaluates to true" -- am I missing the applicable text?

The Media Queries spec is more widely applicable than CSS; MQ doesn't
define the @media rule at all, just the notion of "media query".
Conditional defines @media:
<http://dev.w3.org/csswg/css-conditional/#at-media>.

~TJ

Received on Friday, 10 April 2015 01:31:11 UTC