css - CSS 中的@group 和@override？

Question

我在样式表中看到过这个，我想知道它是否真的有作用，如果有，它有什么作用？谷歌似乎在这方面对我没有帮助。我已经从代码中删除了 url，但我很好奇这是否真的做了任何事情。我看到它被注释掉了，但我只是好奇。帮助设计师严格来说是一种风格上的事情吗？

/* @override 
    <url of stylsheet>
*/

/* @group Colors */

/* Orange - ff7800 */
/* Gray Blue - 373d4a */

/* @end */

Answer 1

正如@frank 提到的，/* @group */ 和/* @end */ 是Espresso 使用的元数据。下面是这个元数据的屏幕截图。文件夹在窗口右侧的导航器中创建。

如果您使用的是 VI，则可以在 CSS 文件中添加以下注释以创建折叠以便快速导航。

/*
 vim: set foldmethod=marker:
 vim: set foldmarker=@group,@end:
 vim: set nofoldenable:
*/

如果您不熟悉 vim 折叠，一些关键组合是:

:zM - 关闭所有折叠

:za - 打开折叠

:za - 关闭折叠

:za - 打开/关闭折叠