Home/ Questions/Q 6584229
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T16:30:37+00:00

I am defining multiple CSS Media Queries for different vieqport or device widths… So

  • 0

I am defining multiple CSS Media Queries for different vieqport or device widths…

So my question is can 2 CSS Media Query definition blocks overlap OR only 1st match gets applied. How does it work ?

Also what is the correct method to apply for multiple devices..i mean the order of defining ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    you can combine multiple media queries in a comma-separated list; if
    any of the media queries in the list is true, the associated style
    sheet is applied. This is the equivalent of a logical “or” operation.

    https://developer.mozilla.org/en/CSS/Media_queries

    So

    This is the equivalent of a logical “or” operation

    makes it look like only one match is applied.

    http://reference.sitepoint.com/css/mediaqueries seems to confirm this as well.

    If this is true (and it is untested by me), then I would create a common stylesheet to deliver all the common styles no matter what media query is matched and then have device independent stylesheets with additional styles for each targeted device.

    • 0