-
怎么批量将超级块改为普通段落?
2023-12-19 11:54至于匹配的方法我就不演示了因为我不清楚你的笔记的具体情况,举个例子比如说用{:id 替换 >{:id,就可以删掉 >,不一定非得是直接匹配所有}}}然后删掉。
-
能不能将折叠的内容标识突出一点?
2023-12-18 12:25如果你启用了悬浮列表插件,那么你的折叠列表后面会有一个很明显的三点标识帮助你区分。
当然我也为你写了一份代码可以做到类似的效果
.protyle-wysiwyg [data-node-id].li[fold]>.protyle-action--order:before{content:"▶";font-size:60%;position:absolute;right:47px;width:0px} .protyle-gutters .ariaLabel[data-type="fold"]{z-index:3}
可能需要你根据你的字型和字号调整下对齐和字型
-
有序列表层级嵌套建议
2023-12-18 11:02/* 自定义有序列表样式 可以从下面参数更改有序列表: 8层级后默认为第一层级样式1.,2. */ div[data-subtype="o"].list { --o1-style: counter(o1, decimal)"."; --o2-style: counter(o2, decimal)")"; --o3-style: counter(o3, upper-latin)"."; --o4-style: counter(o4, lower-latin)"."; --o5-style: counter(o5, lower-roman)"."; } .protyle-wysiwyg [data-subtype="o"].li>.protyle-action:after { margin: -12px 0 0 -12px !important; line-height: 20px; } .list[data-subtype="o"]>.li[data-subtype="o"] .li[data-subtype="o"]>.protyle-action { color: transparent !important; } .li[data-subtype="o"] .li[data-subtype="o"] .protyle-action::after { mix-blend-mode: unset !important; color: var(--b3-theme-on-surface) !important; } /*.li[data-subtype="o"][fold="1"] .protyle-action--order, .li[data-subtype="o"][fold="1"] .protyle-action:after { color: #7C505Dbb !important; }*/ .li[data-subtype="o"]>.protyle-action::after { padding: 3px 2px; width: 24px; display: flex; justify-content: center; } .list[data-subtype="o"] { counter-reset: o1 0 o2 0 o3 0 o4 0 o5 0; } /* 第1层级 */ /* 保持默认,这样可以从任意序号开始编号 */ /* 第2层级 */ .list[data-subtype="o"]>.li[data-subtype="o"] .li[data-subtype="o"]>.protyle-action::after { counter-increment: o2; content: var(--o2-style); position: absolute; } /* 第3层级 */ .list[data-subtype="o"]>.li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"]>.protyle-action::after { counter-increment: o3; content: var(--o3-style); position: absolute; } /* 第4层级 */ .list[data-subtype="o"]>.li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"]>.protyle-action::after { counter-increment: o4; content: var(--o4-style); position: absolute; } /* 第5层级 */ .list[data-subtype="o"]>.li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"]>.protyle-action::after { counter-increment: o5; content: var(--o5-style); position: absolute; } /* 第6层级 */ .list[data-subtype="o"]>.li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"]>.protyle-action::after { counter-increment: o1; content: var(--o1-style); position: absolute; } /* 第7层级 */ .list[data-subtype="o"]>.li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"]>.protyle-action::after { counter-increment: o2; content: var(--o2-style); position: absolute; } /* 第8层级 */ .list[data-subtype="o"]>.li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"]>.protyle-action::after { counter-increment: o3; content: var(--o3-style); position: absolute; }
-
开发者你好,我想反馈点问题
2023-12-17 22:29pad 端输入文字尽量依赖键盘和 markdow 语法少用笔,工具栏这个问题可以用工具栏 plus 插件(工具栏固定且始终显示在上方)替代思源自带的悬浮工具栏。
-
部分 CSS 代码失效问题 -- 解决思路
2023-12-16 21:47不生效的原因有很多,例如思源或你在使用的主题和插件本来没有写 a=什么,你添加了 a=b 后就是唯一的答案,后来人添加了 a=c,你的就被覆盖掉了。
以及你写的 a=b 的 a 如果是一个很粗略的 a,别人写的很精确的 a=b 就可以覆盖掉你的粗略的 a=b。
例如下面一段:
.a{ppp=b}
.p .a{ppp=b}
下面那段优先级更高
而你的添加了!important 后可以提高你的优先级,但没有办法解决一种情况:
.p .a{ppp=b !important}
如果比你写的更精确的 a=b 也有!important 你就没法覆盖它了。
-
【需求】挖空依次显示
2023-11-15 00:48闪卡增强插件实现了!
鼠标长按就可以显示挖空。
楼主需要的话记得打开菜单中的闪卡样式增强,然后取消你之前设置的闪卡悬浮代码。
闪卡增强插件介绍见此 https://ld246.com/article/1699103223806
-
能不能多给几个字体选项,并按优先级依次调用?
2023-11-15 00:28@font-face { font-family: 'PuHuiTi'; src: url("appearance/font/ALIBABAPUHUITI-3-55-REGULAR.ttf"); } @font-face { font-family: 'PuHuiTiL3'; src: url("appearance/font/ALIBABAPUHUITI-3-55-REGULARL3.ttf"); } body { font-family: "PuHuiTi","PuHuiTiL3" !important; } :root{--b3-font-family:"PuHuiTi","PuHuiTiL3" !important;}
可以看懂这段代码吗?我当初为朋友写的。
-
还是建议思源提供基本的 CSS 设置图形界面,降低门槛
2023-10-12 09:57-
个人空间——开发者工具——寻找所修改的块的选择器
-
选中后在下方核对是否正确,在右边的样式中寻找对应的代码照猫画虎修改
-
font-size 是字号;background-color 文字背景色;text-align 控制居中排版;边距 margin;边内距 padding;行高 line-height
-
复制你修改后的所有代码(包括选择器和样式)放入代码片段中。
-