Media Queries and Conditional Rules Quiz

Review

1. What does a false conditional rule do?

   A false condition closes the gate; the nested rules are not considered for that evaluation.
2. What does `and` require in a media query?

   `and` requires all joined conditions to match.
3. What does a comma-separated media query list mean?

   A comma-separated list matches when at least one query matches.
4. What does @supports test?

   @supports tests whether a CSS condition is supported.
5. Does @media automatically outrank an ordinary rule?

   Once admitted, declarations still participate in the normal cascade.
6. What does `30rem <= width < 60rem` mean?

   The lower bound is inclusive and the upper bound is exclusive.
7. What does `not` do to a media query?

   `not` negates the media query.
8. Who owns the detailed semantics of individual media features?

   The later Phase 5 owner covers individual feature meanings and preference behavior.
9. Who owns @container?

   Container Queries own evaluation against query containers and container-relative units.
10. When both an outer @media and inner @supports are used, when can the nested rule apply?

    Both conditional gates must be open.
11. What should choose a breakpoint?

    Behavior-driven conditions avoid arbitrary device-based breakpoints.
12. Which statement is correct?

    Conditional processing gates participation; cascade and layout remain separate ownership areas.