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