不常用的7个CSS片段

经验分享
1 
body {
	--list-spacing: 0.1rem;/*有序或无序列表的行间距*/
	--list-marker-color: #4e4546;/*有序或无序列表的序号颜色*/

	--table-row-alt-background: #f8f8f8;/* 表格颜色交替 */

	--code-background: #f5f5f5;/*代码块的背景颜色*/

	--link-external-color: #986514;/* 链接颜色 */
	
	/*--nav-collapse-icon-color: #23cb59; 左侧与右侧导航栏展开收起的图标设置 */

	--text-selection: #ebe4d3;	/*编辑区被选中文字的背景色 */
}

/*编辑视图下修改高亮颜色*/
.cm-s-obsidian span.cm-formatting-highlight,
.cm-s-obsidian span.cm-highlight {
  background-color: #c0ed72;/*背景颜色*/
  color: #ff0080;/*字体颜色*/
}

/*预览视图下修改高亮颜色*/
.markdown-rendered mark {
  background-color: #c0ed72;/*背景颜色*/
  color: #39322b;/*字体颜色*/
}

/*修改各级标题的颜色*/
:root {
  --h1-color: #39322b;
  --h2-color: #601a35;
  --h3-color: #191970;
  --h4-color: #008080;
  --h5-color: #d8b863;
  --h6-color: #ab0b23;
}
    
/* 图片下面显示 alt text 图片名称*/
.image-embed[alt]:after {
    content: attr(alt);
    display: block;
    color: #939393;
    text-align: left;
    font-size: 0.8em;
}

/*隐藏左侧按钮栏，只有鼠标悬停才显示*/
body .workspace-ribbon.mod-left:not(:hover):before,
body .workspace-ribbon.side-dock-ribbon.mod-left:not(:hover) {
  margin-left: -40px;
}

/* 左侧栏文件夹超长文件名换行 */
div.nav-file-title-content,
div.nav-folder-title-content {
white-space: normal;
}
4 个赞