使用的是 Savor 主题,[[]]引用后的字体颜色和正文区分度不大,想修改一下,能自定义 css 来实现吗
怎么修改引用链接的颜色呢?
相关帖子
-
引用是其他的 css
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="d"]{color:red !important;}
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="s"]{color:red !important;}
这是我用的引用的 css 片段
/* 块引用锚文本附加 「」 符号 */ :root { --b3-protyle-inline-blockref-d-color: var(--b3-protyle-inline-blockref-color); --b3-protyle-inline-blockref-s-color: var(--b3-protyle-inline-link-color); } .protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="d"] { color:var(--b3-protyle-inline-blockref-d-color); } .protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="d"]::before { content: "「"; display: inline-block; font-size: 100%; color:var(--b3-protyle-inline-blockref-d-color); } .protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="d"]::after { content: "」"; display: inline-block; font-size: 100%; color:var(--b3-protyle-inline-blockref-d-color); } .protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="s"] { color:var(--b3-protyle-inline-blockref-s-color); } .protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="s"]::before { content: "「"; display: inline-block; font-size: 100%; color:var(--b3-protyle-inline-blockref-s-color); transform: scale(1, -1); } .protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="s"]::after { content: "」"; display: inline-block; font-size: 100%; color:var(--b3-protyle-inline-blockref-s-color); transform: scale(1, -1); }
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于