您可以从 Sass 的媒体查询中扩展选择器吗？

从媒体查询中扩展选择器：了解限制

在 Sass 中从媒体查询中扩展选择器可能是一项具有挑战性的任务。了解潜在的限制对于避免令人沮丧的错误至关重要。

错误和根本原因

当尝试从媒体查询中扩展外部选择器时，Sass 会抛出一个错误：“您不能从 @media 内部 @extend 外部选择器。您只能在同一内部 @extend 选择器指令。”

此错误源于 Sass 无法为外部类编写选择器。 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中文网其他相关文章！