
如何取消大纲旁边的数字?
相关帖子
-
设置-外观-代码片段-CSS-新建按钮(+),粘贴到下面的大框里面,上面是标题,可用于备注这个代码的作用。之后检查是否启用(单个代码片段开关和整体开关),最后点击保存(并启用)按钮。
-
Rynlee • • 1 评论
这是我用的大纲面板 CSS。不过我一般不用一级标题,正文都从二级标题开始。
/* 第一段隐藏大纲面板顶部文件名行,第二段去掉被隐藏后留下的顶部间距 / .file-tree.sy__outline > .b3-list-item { display: none !important; } .file-tree.sy__outline > .fn__flex-1 { padding-top: 0 !important; } / 以下三段代码分别设置大纲面板中的二三四级标题的样式 / .b3-list-item[data-subtype="h2"] .b3-list-item__text { color: rgba(217, 118, 244,0.9) !important; } .b3-list-item[data-subtype="h3"] .b3-list-item__text { color: rgba(0,201,167,0.7) !important; } .b3-list-item[data-subtype="h4"] .b3-list-item__text { color: #2e8aa8; !important; } / 以下代码去掉大纲面板中每个标题前的符号 / .dock-item--outline .b3-list-item__graphic, .sy__outline .b3-list-item__graphic, .protyle-outline .b3-list-item__graphic.popover__block { display: none !important; / 完全隐藏 SVG 图标 / } .dock-item--outline .b3-list-item, .sy__outline .b3-list-item, .protyle-outline .b3-list-item { padding-left: 0 !important; / 往前移到 0px,原图标占 10px 宽,现在紧贴 / margin-left: 0 !important; padding-right: 6px !important; / 标题文字左侧的间距 / } / 下一级大纲缩进 10px:针对 ul/li 嵌套,每级固定 10px(覆盖默认) / .dock-item--outline ul, .sy__outline ul, .protyle-outline ul { margin-left: 8px !important; padding-left: 0 !important; } .dock-item--outline ul ul, .sy__outline ul ul, .protyle-outline ul ul { margin-left: 8px !important; / 二级缩进 10px / padding-left: 0 !important; } .dock-item--outline ul ul ul, .sy__outline ul ul ul, .protyle-outline ul ul ul { margin-left: 8px !important; / 三级及以下,每级累加但固定 10px 间距 / padding-left: 0 !important; } / 深层通用覆盖(四级 +) / .dock-item--outline ul ul ul ul, .sy__outline ul ul ul ul, .protyle-outline ul ul ul ul { margin-left: 8px !important; padding-left: 0 !important; } / 全局变量(如果主题支持) */ :root { --b3-list-item-padding-left: 0px; --b3-outline-indent: 10px; }Rynlee •
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于