嵌套媒体查询

CSS不像SASS DO这样的CSS预处理器那样支持嵌套的选择器。尽管这可能在将来发生变化，但当前的规格不包括此功能，值得注意的是，在这些潜在的未来规格中没有提及媒体查询嵌套。如果本机CSS嵌套成为现实，则应从一开始就包括嵌套媒体查询的能力。我认为，选择器嵌套是当今CSS预处理器提供的最有价值的功能。

但是，我已经领先了。您可以在标准CSS中嵌套媒体查询，但仅当从根级别嵌套时。在本机CSS中，这是一个不寻常的景象，但正常运行！

 <code>@media screen { @media (min-width: 1px) { @media (min-height: 1px) { @media (max-width: 9999px) { @media (max-height: 9999px) { body { background: red; } } } } } }</code>

2024年12月19日的文章

CSS媒体查询指南

媒体查询嵌套安德烈斯·加兰特（AndrésGalante）

以上是嵌套媒体查询的详细内容。更多信息请关注PHP中文网其他相关文章！