如何通过CSS在Obsidian中实现类似RemNote/Roam Research的项目符号引导线

你可以将原有CSS片段完整替换为以下代码，即可同时覆盖Obsidian的编辑模式（含实时预览）和阅读模式的层级引导线效果，适配默认主题的列表缩进规则：

/* 项目符号层级引导线 - 兼容Obsidian所有视图模式 */
/* 编辑模式缩进引导线 */
.cm-line .cm-indent::before,
.cm-hmd-list-indent .cm-tab::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid rgba(200, 200, 200, 0.6);
}

/* 通用嵌套列表引导线，覆盖有序/无序列表混排场景 */
ul ul, ul ol, ol ul, ol ol {
  position: relative;
}

ul ul::before, ul ol::before, ol ul::before, ol ol::before {
  content: '';
  position: absolute;
  left: -15px; /* 可根据自己的列表缩进大小调整偏移值 */
  top: 0;
  bottom: 0;
  border-left: 1px solid rgba(200, 200, 200, 0.6);
}

/* 修复最后一个子项引导线过长问题 */
li > ul > li:last-child::before,
li > ol > li:last-child::before {
  content: '';
  position: absolute;
  left: -15px;
  height: 1.2em; /* 和当前使用的行高参数匹配即可 */
  border-left: 1px solid rgba(200, 200, 200, 0.6);
}

/* 需要调整引导线颜色、粗细直接修改上面的border-left参数即可 */

调整说明：

• 补全了Obsidian新版编辑器的列表类名选择器，覆盖了有序、无序列表混排的场景
• 修复了原代码最后一个子列表引导线溢出的显示问题
• 如果使用第三方自定义主题，可根据主题的列表缩进数值微调代码中的left偏移值，测试到引导线和上层项目符号对齐即可
• 替换保存后，在Obsidian「设置-外观-CSS片段」中刷新列表、重新启用该片段即可生效，无需重启应用

内容的提问来源于stack exchange，提问作者Jenny Laura