obsidian文档中直接插入html,能否单独设置CSS样式?

我最近学习CSS,同时在做笔记。因为markdown本身就很方便插入html,因此想着像MDN一样,直接在文中插入html并设置样式,作为示例。

但是设置样式比较麻烦,只能直接写在标签的style属性内,像是:

<p style="color: red; border: 1px solid blue;">你好</p>

在同类型标签数量很多的情况下,样式就显得很臃肿,也不好体现CSS的写法。

我希望有类似这样的写法:

<style>
p {
    color: red; 
    border: 1px solid blue;
}
</style>

<p>你好</p>

但是似乎obsidian会直接过滤掉文档中的<style>标签,不会产生任何作用。

也不好写到snippets,因为这些样式仅仅是用于这一篇文档的。

不知道有没有什么好的处理方法?

2 个赞

可以使用CSS代码片段。创建一个.css文件,在文件中写样式。