临时记忆卡片

以前一直没有用过 Anki,这几天看了一下社区里大佬的项目,发现我目前的笔记格式中,并没有办法直接导入 Anki.大批量修改又很麻烦.

而具体 cloze 等各种格式我也还没弄明白, 一个个修改格式太费时间.先自己临时凑合以下.后续再研究研究.

方法很简单,就是改一下 CSS,希望能帮到和我面临相同困境的朋友,

效果演示

属性 memory 随便一个值

属性 memory=type1 从第二行开始, 双数行鼠标悬浮显示

属性 memory=type2 从第二行开始, 单数行鼠标悬浮显示

CSS 代码

粗体和高亮同样达到效果.

暗黑主题最好自己调一下配色. 默认黑暗主题的那几个卡片背景真的没法用,V 姐可以改一下吗 😭@Vanessa

• --b3-card-success-background
• --b3-card-error-background

/*memory list 属性设置为memory=todo 时生效*/
.list[data-subtype=u][data-type=NodeList][data-node-id][custom-memory]>.li[data-subtype=u]:nth-child(2n+3) {
	background:var(--b3-card-success-background)!important;
	border-radius:10px;
}
.list[data-subtype=u][data-type=NodeList][data-node-id][custom-memory]>.li[data-subtype=u]:nth-child(2n+2) {
	background:var(--b3-card-error-background)!important;
	border-radius:10px;
}
/*type1*/
.list[data-subtype=u][data-type=NodeList][data-node-id][custom-memory=type1]>.li[data-subtype=u]:nth-child(2n+3) {
	color: transparent!important;
}
.list[data-subtype=u][data-type=NodeList][data-node-id][custom-memory=type1]>.li[data-subtype=u]:nth-child(2n+3) strong {
	color: transparent!important;
}
.list[data-subtype=u][data-type=NodeList][data-node-id][custom-memory=type1]>.li[data-subtype=u]:nth-child(2n+3) mark {
	background-color: transparent!important;
}
.list[data-subtype=u][data-type=NodeList][data-node-id][custom-memory=type1]>.li[data-subtype=u]:nth-child(2n+3):hover {
	color:var(--b3-theme-on-background) !important;
}
.list[data-subtype=u][data-type=NodeList][data-node-id][custom-memory=type1]>.li[data-subtype=u]:nth-child(2n+3):hover strong {
	color: var(--b3-protyle-inline-strong-color)!important;
}
.list[data-subtype=u][data-type=NodeList][data-node-id][custom-memory=type1]>.li[data-subtype=u]:nth-child(2n+3):hover mark {
	background-color: var(--b3-protyle-inline-mark-background)!important;
}
/*type2*/
.list[data-subtype=u][data-type=NodeList][data-node-id][custom-memory=type2]>.li[data-subtype=u]:nth-child(2n+2) {
	color: transparent!important;
}
.list[data-subtype=u][data-type=NodeList][data-node-id][custom-memory=type2]>.li[data-subtype=u]:nth-child(2n+2) strong {
	color: transparent!important;
}
.list[data-subtype=u][data-type=NodeList][data-node-id][custom-memory=type2]>.li[data-subtype=u]:nth-child(2n+2) mark {
	background-color: transparent!important;
}
.list[data-subtype=u][data-type=NodeList][data-node-id][custom-memory=type2]>.li[data-subtype=u]:nth-child(2n+2):hover {
	color: var(--b3-theme-on-background) !important;
}
.list[data-subtype=u][data-type=NodeList][data-node-id][custom-memory=type2]>.li[data-subtype=u]:nth-child(2n+2):hover strong {
	color: var(--b3-protyle-inline-strong-color)!important;
}
.list[data-subtype=u][data-type=NodeList][data-node-id][custom-memory=type2]>.li[data-subtype=u]:nth-child(2n+2):hover mark {
	background-color: var(--b3-protyle-inline-mark-background)!important;
}