如何仅使用SCSS将display:block改为display:none？

要将display:block改为display:none，可以使用SCSS中的mixin和@content指令。

首先，创建一个mixin，命名为hide，它接受一个参数$selector用于指定要隐藏的元素的选择器。

@mixin hide($selector) {
  #{$selector} {
    display: none;
  }
}

然后，在需要隐藏元素的地方调用这个mixin，并传入要隐藏的元素的选择器作为参数。

.element {
  // 调用hide mixin，传入选择器".element"，使其display:none
  @include hide(".element");
}

这样，编译后的CSS代码会将.element的display属性设置为none，从而实现了将display:block改为display:none的效果。

在腾讯云相关产品中，推荐使用云服务器（CVM）来部署和运行前端应用，您可以了解更多关于腾讯云云服务器（CVM）的信息和产品介绍，访问以下链接：

腾讯云云服务器（CVM）产品介绍：https://cloud.tencent.com/product/cvm