[css] 关于二级文档树的某些定制设计

一级树和二级树，在没有某些特定 CSS 的加持下，这两个文档树的展示逻辑是会有些冲突的（这是我自己的使用体验，有些地方让我迷惑）。

我之前私下向大大请教时，大大帮忙给我写了几个 CSS，基本解决了我的问题。

我不清楚别人是否有类似的问题，也不清楚大大为什么没把这几个设计给集成到插件中——有可能真就只有我龟毛而已。

（没有去问，则是遵循“不该问的问题就别问”，我在这种奇怪的地方有点社恐啊哈哈哈）

第一个 CSS 隐藏二级文档树的文件夹 这个与二级文档树三灯泡之三联动使用

/* 隐藏二级文档列表含有子文档的文档 */
.misuzu2027__doc-list li[data-type="navigation-file"][data-count]:not([data-count="0"]){
    display:none;
}
​

第二个 CSS 隐藏一级文档树的单文档

.file-tree.sy__file li[data-type="navigation-file"][data-count][data-count="0"]{
display:none;
}

​

第三个 CSS 二级文档树的文件夹用高亮 icon 标识

/* 含有子文档的 icon 背景 */
.misuzu2027__doc-list li[data-type="navigation-file"][data-count]:not([data-count="0"]) span:first-of-type{
  background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
}
​

嗯，这三个 CSS 是参照我个人的使用习惯，请大大帮忙写的。

在这三个 CSS 的加持下，二级文档树和传统的印象笔记文档树就非常相似了（没有这三个的话，对我而言，目前思源一级文档树还是会产生不少干扰）

又又 ps：这三个设计，大大未来说不定某天可能也许就会加入到插件中，也有可能不会（因为真就我个人是这么要求的）