使用Sass 從媒體查詢擴展選擇器:一個難題
使用Sass 從媒體查詢中擴展選擇器提出了獨特的挑戰。嘗試從媒體查詢內部擴展外部選擇器會導致錯誤。
限制說明
Sass 無法組合來自不同指令的選擇器,從而阻止跨媒體查詢的擴展。此限制源自於媒體查詢作為現有選擇器的修飾符的獨特性質。
解:使用 Mixins
要繞過此限制,請使用 mixin 和擴充類別。 mixin 用作可重複使用的程式碼區塊,而擴充類別擴充了 mixin。
從外部擴展
另一個解決方案是從媒體查詢中擴展選擇器外部。此技術允許在不同的媒體查詢中將選擇器擴展到媒體查詢之外。
限制和解決方法
雖然不是最初挑戰的直接解決方案,但上述技術提供程式碼重用的替代方法。此外,Sass 社群內正在進行的討論表明未來可能會進行增強,以解決此限制。
以上是如何使用 Sass 從媒體查詢擴展選擇器?的詳細內容。更多資訊請關注PHP中文網其他相關文章!