首页 > 解决方案 > 如何在 CSS 中添加项目符号行?

问题描述

我正在使用黑曜石应用程序做笔记。我想在黑曜石应用程序中添加像 remnote/roam research 这样的项目符号行。我尝试了视频中显示的方法,但没有成功。如果有人能提供帮助,我将不胜感激。提前致谢。

https://youtu.be/rukFr8CjzPo

有没有精通 CSS 的人知道如何归档这些导航线?

我尝试将此代码添加为片段,但它不起作用。

/* BULLET POINT RELATIONSHIP LINES */

.cm-hmd-list-indent .cm-tab, ul ul, ol ol { 
  position: relative; 
}

.cm-hmd-list-indent .cm-tab::before, ul ul::before, ol ol::before {
  content: '';
  border-left: 1px solid #EEE;
  position: absolute;
}

.cm-hmd-list-indent .cm-tab::before { 
  left: 0; 
  top: -5px; 
  bottom: -4px; 
}

ul ul::before, ol ol::before { 
  left: -11px; 
  top: 0; 
  bottom: 0;
}

这是我目前的输出,没有按预期完美显示

在此处输入图像描述

标签: css

解决方案


推荐阅读