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