Google Sheets iconSwift icon
Published at
Updated at
Reading time
1min

This post is part of my Today I learned series in which I share all my learnings regarding web development.

I read a post on Bramus' blog (which you should check out), and I learned that CSS media queries could be nested. 😲

The following is completely valid CSS:

@media not print {
  @media (min-width: 0) {
    p {
      font-weight: bold;
    }
    @media (max-width: 750px) {
      p {
        background: yellow;
      }
    }
  }
}

If you want to learn more about this functionality, read the article "Nested Media Queries" on bram.us.

Related Topics

Related Articles