求完善标题块代码片段

本贴最后更新于 346 天前,其中的信息可能已经沧海桑田

写了一个标题标识的代码片段,但有两个问题:① 标题文字增加行内格式时,会重复出现标识图形(以上标形式);② 标题行右上角重复显示标识。烦请哪位大佬帮助修改一下。

image.png

代码如下:

.protyle-wysiwyg [data-node-id].h1 ::after{ content:" 1️⃣"; font-size:0.7em; opacity: 0.4; } .protyle-wysiwyg [data-node-id].h2 ::after{ content:" 2️⃣"; font-size:0.7em; opacity: 0.4; } .protyle-wysiwyg [data-node-id].h3 ::after{ content:" 3️⃣"; font-size:0.8em; font-size:0.7em; opacity: 0.4; } .protyle-wysiwyg [data-node-id].h4 ::after{ content:" 4️⃣"; font-size:0.8em; font-size:0.7em; opacity: 0.4; } .protyle-wysiwyg [data-node-id].h5 ::after{ content:" 5️⃣"; font-size:0.8em; font-size:0.7em; opacity: 0.4; } .protyle-wysiwyg [data-node-id].h6 ::after{ content:" 6️⃣"; font-size:0.8em; font-size:0.7em; opacity: 0.4; }
  • 思源笔记

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

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

    24155 引用 • 98484 回帖
  • Q&A

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

    9055 引用 • 41194 回帖 • 127 关注

相关帖子

被采纳的回答
  • 改好了:

    div[data-subtype^="h1"]:not([type])>div:first-child:after{ content:" 1️⃣"; font-size:0.7em; opacity: 0.4; } div[data-subtype^="h2"]>div:first-child:after{ content:" 2️⃣"; font-size:0.7em; opacity: 0.4; } div[data-subtype^="h3"]>div:first-child:after{ content:" 3️⃣"; font-size:0.8em; font-size:0.7em; opacity: 0.4; } div[data-subtype^="h4"]>div:first-child:after{ content:" 4️⃣"; font-size:0.8em; font-size:0.7em; opacity: 0.4; } div[data-subtype^="h5"]>div:first-child:after{ content:" 5️⃣"; font-size:0.8em; font-size:0.7em; opacity: 0.4; } div[data-subtype^="h6"]>div:first-child:after{ content:" 6️⃣"; font-size:0.8em; font-size:0.7em; opacity: 0.4; }

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 改好了:

    div[data-subtype^="h1"]:not([type])>div:first-child:after{ content:" 1️⃣"; font-size:0.7em; opacity: 0.4; } div[data-subtype^="h2"]>div:first-child:after{ content:" 2️⃣"; font-size:0.7em; opacity: 0.4; } div[data-subtype^="h3"]>div:first-child:after{ content:" 3️⃣"; font-size:0.8em; font-size:0.7em; opacity: 0.4; } div[data-subtype^="h4"]>div:first-child:after{ content:" 4️⃣"; font-size:0.8em; font-size:0.7em; opacity: 0.4; } div[data-subtype^="h5"]>div:first-child:after{ content:" 5️⃣"; font-size:0.8em; font-size:0.7em; opacity: 0.4; } div[data-subtype^="h6"]>div:first-child:after{ content:" 6️⃣"; font-size:0.8em; font-size:0.7em; opacity: 0.4; }
    2 回复
    1 操作
    JeffreyChen 在 2024-03-16 12:24:43 更新了该回帖
  • sweesalt

    谢谢哈,帮了我很多忙

  • sweesalt

    image.png

  • @Vanessa 导出 PDF 的时候,文档标题好像是会转换成一级标题。有办法改进这个 CSS 片段吗?

    试试 :not([type])
    Vanessa
  • @Vanessa 不行,我的 CSS 片段样式还是会应用在导出 PDF 的文档标题

    image.png

    1 回复
  • Vanessa via macOS

    image.png

    1 回复
  • 我不理解,我导出用户指南的这个文档确实也没有,但导出其他文档就有了

    image.png

    image.png

    DocTreehideicon.sy.zip

    @88250 看一下这个文档怎么没有 type 属性
    Vanessa
    @Vanessa 下个版本解决。
    88250
  • @intelion 原回帖的 CSS 代码更新了,你重新复制一下。代码片段可能要等到下个版本才能生效(下个版本可能就修复了),到时候你更新了试试再来反馈。

    20240411 确认修复了

    1 回复
    1 操作
    JeffreyChen 在 2024-04-11 23:47:53 更新了该回帖
  • sweesalt

    OK,谢谢

请输入回帖内容 ...

推荐标签 标签

  • C

    C 语言是一门通用计算机编程语言,应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    85 引用 • 165 回帖 • 2 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。

    22 引用 • 148 回帖 • 5 关注
  • PWA

    PWA(Progressive Web App)是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术,在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 169 关注
  • 链滴

    链滴是一个记录生活的地方。

    记录生活,连接点滴

    163 引用 • 3821 回帖
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言,是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3192 引用 • 8214 回帖
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器,在 1999 年被捐献给 ASF(Apache Software Foundation),隶属于 Jakarta 项目,现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范,同时也提供 HTTP 服务,是市场上非常流行的 Java Web 容器。

    162 引用 • 529 回帖 • 3 关注
  • Sandbox

    如果帖子标签含有 Sandbox ,则该帖子会被视为“测试帖”,主要用于测试社区功能,排查 bug 等,该标签下内容不定期进行清理。

    420 引用 • 1247 回帖 • 591 关注
  • WebComponents

    Web Components 是 W3C 定义的标准,它给了前端开发者扩展浏览器标签的能力,可以方便地定制可复用组件,更好的进行模块化开发,解放了前端开发者的生产力。

    1 引用 • 5 关注
  • H2

    H2 是一个开源的嵌入式数据库引擎,采用 Java 语言编写,不受平台的限制,同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式,可以兼容一些主流的数据库,因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 656 关注
  • B3log

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

    1063 引用 • 3455 回帖 • 175 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。

    548 引用 • 674 回帖
  • TGIF

    Thank God It's Friday! 感谢老天,总算到星期五啦!

    289 引用 • 4492 回帖 • 658 关注
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖 • 4 关注
  • Lute

    Lute 是一款结构化的 Markdown 引擎,支持 Go 和 JavaScript。

    26 引用 • 196 回帖 • 25 关注
  • 新人

    让我们欢迎这对新人。哦,不好意思说错了,让我们欢迎这位新人!
    新手上路,请谨慎驾驶!

    52 引用 • 228 回帖 • 3 关注
  • Visio
    1 引用 • 2 回帖 • 1 关注
  • OneDrive
    2 引用
  • GraphQL

    GraphQL 是一个用于 API 的查询语言,是一个使用基于类型系统来执行查询的服务端运行时(类型系统由你的数据定义)。GraphQL 并没有和任何特定数据库或者存储引擎绑定,而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 7 关注
  • Follow
    4 引用 • 12 回帖 • 3 关注
  • 单点登录

    单点登录(Single Sign On)是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖
  • Solo

    Solo 是一款小而美的开源博客系统,专为程序员设计。Solo 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    1437 引用 • 10064 回帖 • 488 关注
  • 负能量

    上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)

    88 引用 • 1235 回帖 • 406 关注
  • 快应用

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

    15 引用 • 127 回帖 • 1 关注
  • MongoDB

    MongoDB(来自于英文单词“Humongous”,中文含义为“庞大”)是一个基于分布式文件存储的数据库,由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似 JSON 的 BSON 格式,因此可以存储比较复杂的数据类型。

    90 引用 • 59 回帖 • 3 关注
  • MyBatis

    MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis,2010 年这个项目由 Apache 软件基金会迁移到了 google code,并且改名为 MyBatis ,2013 年 11 月再次迁移到了 GitHub。

    170 引用 • 414 回帖 • 376 关注
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    127 引用 • 169 回帖 • 1 关注
  • 996
    13 引用 • 200 回帖 • 14 关注