CSS中的@group和@override？

Question

我在样式表中看过这个,我想知道它是否确实做了什么,如果有的话,它会做什么？谷歌似乎对我没有帮助.我已从代码中删除了网址,但我很好奇这是否真的做了什么.我看到它被评论出来但我很好奇.对设计师来说,这是一种风格化的东西吗？

/* @override 
    <url of stylsheet>
*/

/* @group Colors */

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

/* @end */

Answer 1

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

浓缩咖啡与CSS导航器

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

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

如果你不熟悉vim折叠,一些关键的组合是:

:zM - 关闭所有折叠

:za - 打开折叠

:za - 关闭折叠

:za - 切换折叠打开/关闭

VI折叠起作用