CSS media queries can be nested
- 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.