/*1-6级标题颜色*/
[data-type="NodeHeading"][class="h1"] {
/*display: inline-block !important; 右上角引用的数字显示不正常,注释掉这一行正常,下面一样,直接删除掉了*/
color: #d40045 !important;
}
[data-type="NodeHeading"][class="h2"] {
color: #ff7f00 !important;
}
[data-type="NodeHeading"][class="h3"] {
color: #66b82b !important;
}
[data-type="NodeHeading"][class="h4"] {
color: #e8c258 !important;
}
[data-type="NodeHeading"][class="h5"] {
color: #996fea !important;
}
[data-type="NodeHeading"][class="h6"] {
color: #5d94e1 !important;
}
/* 1-6级标题下画渐变色横线,取自主题-卡片边框化 */
div[data-subtype="h1"]:after {
content: "";
font-size: 8px;
left: 0;
position: absolute;
width: 100%;
height: 1px;
background: linear-gradient(to right, rgb(255, 255, 255), rgb(0, 0, 0));
}
div[data-subtype="h2"]:after {
content: "";
font-size: 8px;
left: 0;
position: absolute;
width: 100%;
height: 1px;
background: linear-gradient(to right, rgb(255, 255, 255), rgb(0, 0, 0));
}
div[data-subtype="h3"]:after {
content: "";
font-size: 8px;
left: 0;
position: absolute;
width: 100%;
height: 1px;
background: linear-gradient(to right, rgb(255, 255, 255), rgb(0, 0, 0));
}
div[data-subtype="h4"]:after {
content: "";
font-size: 8px;
left: 0;
position: absolute;
width: 100%;
height: 1px;
background: linear-gradient(to right, rgb(255, 255, 255), rgb(0, 0, 0));
}
div[data-subtype="h5"]:after {
content: "";
font-size: 8px;
left: 0;
position: absolute;
width: 100%;
height: 1px;
background: linear-gradient(to right, rgb(255, 255, 255), rgb(0, 0, 0));
}
div[data-subtype="h6"]:after {
content: "";
font-size: 8px;
left: 0;
position: absolute;
width: 100%;
height: 1px;
background: linear-gradient(to right, rgb(255, 255, 255), rgb(0, 0, 0));
}
[css] 第三版(凑热闹)标题颜色变化 + 标题下加渐变横线
-
思源笔记
23007 引用 • 92542 回帖
思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。
融合块、大纲和双向链接,重构你的思维。
-
代码片段
90 引用 • 561 回帖 • 1 关注
代码片段分为 CSS 与 JS 两种代码,添加在 [设置 - 外观 - 代码片段] 中,这些代码会在思源笔记加载时自动执行,用于改善笔记的样式或功能。
用户在该标签下分享代码片段时需在帖子标题前添加
[css]
或[js]
用于区分代码片段类型。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于