登录 注册

找 AI 写了一段改变大纲字体颜色的 css 片段，大纲颜色和正文颜色对不上 

div.sy__outline ul span {
  color: var(--custom-h1-color)!important;
}

div.sy__outline ul>ul span {
  color: var(--custom-h2-color)!important;
}

div.sy__outline ul>ul>ul span {
color: var(--custom-h3-color)!important;
}

div.sy__outline ul>ul>ul>ul span {
color: var(--custom-h4-color)!important;
}

div.sy__outline ul>ul>ul>ul>ul span {
color: var(--custom-h5-color)!important;
}

div.sy__outline ul>ul>ul>ul>ul>ul span {
color: var(--custom-h6-color)!important;
}
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    28446 引用 • 119789 回帖
  • Q&A

    提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。

    11155 引用 • 50666 回帖 • 52 关注
1 操作
SZY2022 在 2025-09-23 00:18:04 更新了该帖
长沙 位置
20 悬赏
2 收藏
1 操作
5 回帖
2
2
93 60 33

相关帖子

被采纳的回答
  • chuchen •

    挂着悬赏 是求个能生效的 css 吗？

    我估计你那个选择器和规则也不对？

    试试这个 具体颜色根据自己调整，6 级需要的话自己补充

    /* 1~5级标题颜色分级系统 */
[data-type="NodeHeading"][data-subtype="h1"] {
  color: #d40045 !important;
}

[data-type="NodeHeading"][data-subtype="h2"] {
  color: #e1801f !important;
}

[data-type="NodeHeading"][data-subtype="h3"] {
  color: #4ea80d !important;
}

[data-type="NodeHeading"][data-subtype="h4"] {
  color: #094a9e !important;
}

[data-type="NodeHeading"][data-subtype="h5"] {
  color: #4713a7 !important;
}

/* 1-5级大纲面板前面的标题标签 */

[data-type="NodeHeading"][data-subtype="h1"] .b3-list-item__text.ariaLabel {
  color: #d40045;
}

[data-type="NodeHeading"][data-subtype="h2"] .b3-list-item__text.ariaLabel {
  color: #e1801f;
}

[data-type="NodeHeading"][data-subtype="h3"] .b3-list-item__text.ariaLabel {
  color: #4ea80d;
}

[data-type="NodeHeading"][data-subtype="h4"] .b3-list-item__text.ariaLabel {
  color: #094a9e;
}

[data-type="NodeHeading"][data-subtype="h5"] .b3-list-item__text.ariaLabel {
  color: #4713a7;
}
5 回帖
找 AI 写了一段改变大纲字体颜色的 css 片段，大纲颜色和正文颜色对不上

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • SZY2022 •
    作者

    实现是可以实现，但是有些文档无法做到大纲的颜色和同级标题颜色统一，就很奇怪

    悬赏是网页提示要 20 个，不太熟悉论坛规则 😅，代码更是小白 😅

    1 回复
  • 其他回帖
  • lovexmm521 • • 1 赞同
    付费者 捐赠者

    用 ai 生成你想要的自定义 css（完整版教程）

  • chuchen •

    挂着悬赏 是求个能生效的 css 吗？

    我估计你那个选择器和规则也不对？

    试试这个 具体颜色根据自己调整，6 级需要的话自己补充

    /* 1~5级标题颜色分级系统 */
[data-type="NodeHeading"][data-subtype="h1"] {
  color: #d40045 !important;
}

[data-type="NodeHeading"][data-subtype="h2"] {
  color: #e1801f !important;
}

[data-type="NodeHeading"][data-subtype="h3"] {
  color: #4ea80d !important;
}

[data-type="NodeHeading"][data-subtype="h4"] {
  color: #094a9e !important;
}

[data-type="NodeHeading"][data-subtype="h5"] {
  color: #4713a7 !important;
}

/* 1-5级大纲面板前面的标题标签 */

[data-type="NodeHeading"][data-subtype="h1"] .b3-list-item__text.ariaLabel {
  color: #d40045;
}

[data-type="NodeHeading"][data-subtype="h2"] .b3-list-item__text.ariaLabel {
  color: #e1801f;
}

[data-type="NodeHeading"][data-subtype="h3"] .b3-list-item__text.ariaLabel {
  color: #4ea80d;
}

[data-type="NodeHeading"][data-subtype="h4"] .b3-list-item__text.ariaLabel {
  color: #094a9e;
}

[data-type="NodeHeading"][data-subtype="h5"] .b3-list-item__text.ariaLabel {
  color: #4713a7;
}
    2 回复
  • chuchen •

    因为你这个选择器 是根据层级来定颜色的，但假如你不是从 1 级标题开始 那两边的效果可能是不统一

    你可以参照我这个来，然后如果你是单纯想分享的话 不是发 QA 发分享就行了 不需要悬赏

    悬赏的话就是有了满意的答案 就把分悬赏给他

    你不悬赏也不会扣你这个 20 分

  • 查看全部回帖
SZY2022
长沙
回帖
25
 帖子
7
 积分
452

近期热议

推荐标签 标签

  • Flume

    Flume 是一套分布式的、可靠的，可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 686 关注
  • Sillot

    Insights（注意当前设置 master 为默认分支）

    汐洛彖夲肜矩阵（Sillot T☳Converbenk Matrix），致力于服务智慧新彖乄，具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架（Sillot-Gibbet）基于自思源笔记（siyuan-note），前身是思源笔记汐洛版（更早是思源笔记汐洛分支），是智慧新录乄终端（多端融合，移动端优先）。

    主仓库地址：Hi-Windom/Sillot

    文档地址：sillot.db.sc.cn

    注意事项：

    1. ⚠️ 汐洛仍在早期开发阶段，尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计，使用前请了解风险
    3. ⚠️ 汐洛绞架基于思源笔记，开发者尽最大努力与思源笔记保持兼容，但无法实现 100% 兼容
    29 引用 • 25 回帖 • 152 关注
  • golang

    Go 语言是 Google 推出的一种全新的编程语言，可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克（Rob Pike）说：我们之所以开发 Go，是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    502 引用 • 1397 回帖 • 241 关注
  • 宕机

    宕机，多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态，也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态，也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。

    13 引用 • 82 回帖 • 74 关注
  • 禅道

    禅道是一款国产的开源项目管理软件，她的核心管理思想基于敏捷方法 scrum，内置了产品管理和项目管理，同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能，在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来，完整地覆盖了项目管理的核心流程。

    11 引用 • 15 回帖
  • 996

    “工作 996， 生病 ICU”

    13 引用 • 200 回帖 • 6 关注
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台，它支持多种框架、语言、运行时环境、云平台及应用服务，使开发人员能够在几秒钟内进行应用程序的部署和扩展，无需担心任何基础架构的问题。

    4 引用 • 16 回帖 • 200 关注
  • 机器学习

    机器学习（Machine Learning）是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。

    78 引用 • 37 回帖
  • 阿里云

    阿里云是阿里巴巴集团旗下公司，是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务，以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    85 引用 • 324 回帖
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统，主要使用于便携设备。2005 年由 Google 收购注资，并拉拢多家制造商组成开放手机联盟开发改良，逐渐扩展到到平板电脑及其他领域上。

    337 引用 • 324 回帖 • 4 关注
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 799 关注
  • B3log

    B3log 是一个开源组织，名字来源于“Bulletin Board Blog”缩写，目标是将独立博客与论坛结合，形成一种新的网络社区体验，详细请看 B3log 构思。目前 B3log 已经开源了多款产品：Sym、Solo、Vditor 和 思源笔记。

    1062 引用 • 3456 回帖 • 124 关注
  • JVM

    JVM（Java Virtual Machine）Java 虚拟机是一个微型操作系统，有自己的硬件构架体系，还有相应的指令系统。能够识别 Java 独特的 .class 文件（字节码），能够将这些文件中的信息读取出来，使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖 • 1 关注
  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    192 引用 • 291 回帖 • 350 关注
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发，最早发布于 2014 年 9 月。

    60 引用 • 22 回帖 • 2 关注
  • OnlyOffice
    4 引用 • 41 关注
  • 运维

    互联网运维工作，以服务为中心，以稳定、安全、高效为三个基本点，确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。

    151 引用 • 257 回帖 • 1 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations，简称 DJI)，成立于 2006 年，是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商，客户遍布全球 100 多个国家。通过持续的创新，大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖
  • 房星科技

    房星网，我们不和没有钱的程序员谈理想，我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源，遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 623 关注
  • 以太坊

    以太坊（Ethereum）并不是一个机构，而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity，使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物：投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。

    34 引用 • 367 回帖 • 1 关注
  • HBase

    HBase 是一个分布式的、面向列的开源数据库，该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable：一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样，HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 72 关注
  • 外包

    有空闲时间是接外包好呢还是学习好呢？

    26 引用 • 234 回帖 • 1 关注
  • 快应用

    快应用 是基于手机硬件平台的新型应用形态；标准是由主流手机厂商组成的快应用联盟联合制定；快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台；以平台化的生态模式对个人开发者和企业开发者全品类开放。

    15 引用 • 127 回帖
  • SVN

    SVN 是 Subversion 的简称，是一个开放源代码的版本控制系统，相较于 RCS、CVS，它采用了分支管理系统，它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 694 关注
  • Sym

    Sym 是一款用 Java 实现的现代化社区（论坛/BBS/社交网络/博客）系统平台。

    下一代的社区系统，为未来而构建

    524 引用 • 4602 回帖 • 731 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件，打造你得心应手的工具集合。

    9 引用 • 75 回帖
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台，其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 51 关注

最新标签