如何在 VS Code 中折叠或折叠多个 CSS 规则？

Question

我有几个相关的 CSS 规则（即关于 CSS 加载微调器的 30 条规则）

我希望能够将所有这些规则集中在一起，以便我可以折叠该部分，并在再次需要时能够打开该部分。

我知道我可以折叠每个单独的规则，但我不知道如何对一起列出的一堆规则执行此操作。我想我可以在一对大括号内添加规则。

这很有效，因为它让我折叠了那组大括号，但规则不再有效。

任何想法我可以做什么，以便我可以折叠大量规则并将它们分组，而无需将它们保存在单独的文件中的明显解决方案。

在此先感谢您的帮助！

Answer 1

/* #region */
.css{}
/* #endregion */

或者

/* #region optional name for the section */
.css{}
/* #endregion */

这适用于 VS Code，尚未检查其他编辑器。

编辑：为 vs code 创建区域的代码片段：

"css-region": {
    "body": [
        "/* #region ${1: name} */",
        "$0",
        "/* #endregion ${1: name} */",
    ],
    "description": "Create a css region section",
    "prefix": "#reg"
}