【已解决】导出 pdf 时不显示 css 片段中的 after 元素

疑问解答
1

这是我在设置 css 样式的时候遇到的问题，我的样式片段如下，用于在块尾显示块引用来源。

div.internal-embed.markdown-embed:after {
  content: "——"attr(src);
  float: right;
}

@media print {
  div.internal-embed.markdown-embed:after {
    content: "——"attr(src);
    float: right;
  }
}

它在编辑器里按照预期工作了，但是没有在导出 pdf 的时候生效。
请问这种情况应该如何解决呢？还是说 Obsidian 无法满足这个需求。

2

导出 pdf 是看在阅读视图里的样式

刚试了下, 块嵌入在 “实时编辑” 是 div.internal-embed , 但在 “阅读视图” 是 span.internal-embed , 所以改成

.internal-embed.markdown-embed:after {
  content: "——"attr(src);
  float: right;
}


@media print {
  .internal-embed.markdown-embed:after {
    content: "——"attr(src);
    float: right;
  }
}

应该就能用了


我从来不知道还能 content: "——"attr(src); 这么写
感谢楼主

3

非常感谢您的回复！

不过我这个写法是蒙出来的（

实测不需要print字段，这样就行了。

.internal-embed.markdown-embed:after {
  content: "——"attr(src);
  float: right;
}
1 个赞