您可以從 Sass 的媒體查詢擴展選擇器嗎？

從媒體查詢中擴展選擇器：了解限制

在Sass 中從媒體查詢中擴展選擇器可能是一項具有挑戰性的任務。了解潛在的限制對於避免令人沮喪的錯誤至關重要。

錯誤和根本原因

當嘗試從媒體查詢擴展外部選擇器時，Sass 會拋出一個錯誤：「您不能從@media內部@extend外部選擇器。 Sass 無法跨媒體查詢擴充選擇器。

解決方法和解決方案

雖然不可能直接從媒體查詢中擴展選擇器，但存在解決方法：

使用Mixins：
• 建立一個mixin 和一個擴充類，以在媒體查詢內部和外部重複使用所需的樣式。
從外部媒體查詢擴展選擇器：
• 從媒體查詢外部擴展選擇器並在媒體查詢中使用它。
替代語法（實驗）：
• Sass 允許在媒體查詢中使用實驗性功能，例如 @extend 指令。不過，建議謹慎使用，因為未來版本可能不支援它。

正在進行的討論和未來更新

Sass 社區承認需要這個功能。正在討論探索可能的解決方案和語法選項。建議追蹤以下連結的GitHub 問題的更新：

[GitHub 問題1050：嵌套在@media 中的@extend 內部選擇器](https://github.com/sass/sass/ issues/ 1050)

• [GitHub 問題456：嵌套@media 查詢](https://github.com/sass/sass/issues/456)

以上是您可以從 Sass 的媒體查詢擴展選擇器嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！