嵌套媒體查詢

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中文網其他相關文章！