小编Mar*_*rus的帖子

我正在尝试向在 Svelte 组件的 {@hml...} 标记内呈现的 HTML 标记添加一些样式，但它似乎只继承父级的样式（{@html...}标签）。此外，未使用的 CSS 选择器错误会弹出，显示我的 Svelte {@html...} 标签内特定 HTML 标签的样式选择器不起作用。Svelte 是按照这种方式构建的吗？是否有一种方法可以为在 Svelte {@html...} 标签内呈现的标签设置样式？

我已经尝试了官方 Svelte 教程中提供的步骤，但它们没有清楚地展示如何去做。

<style>
    p{
        color: red;
    }
    h1{
        color: blue;
    }
</style>

<script>
    let string = "<h1>what</h1>";   
</script>

<p>{@html string}</p>
<p>no</p>

我希望 h1 标签是蓝色的，而不是从 p 标签继承红色