css 为什么在使用Go渲染的Svelte组件时，有些样式不起作用？

r6vfmomb 于 2023-11-19 发布在 Go

关注(0)|答案(1)|浏览(119)

我正在尝试在Golang应用程序中使用Svelte（而不是SvelteKit）。但是我遇到了一个绊脚石，Svelte组件上的CSS无法正确呈现。它从pico.css中提取了一些样式，但缺少其他样式。
我把代码写下来了：

// templates/mainpage.html
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>My Page</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css">
    <script defer src='/public/build/bundle.js'></script>
</head>
<body>
    <main class="container">
        <h1>H1 from the HTML template</h1>
        <button>Button</button>
        <hr />
        <my-app/>
    </main>
</body>
</html>

个字符
这将生成以下页面：

的数据
HTML模板正确呈现，而Svelte组件正确选择了H1字体系列和字体大小，但没有获得H1颜色。并且没有应用任何Button样式。
我已经进入了Shadow Doms和CSS变量的兔子洞，但我不是前端Maven，我很难理解为什么只有部分样式被应用。
有没有什么建议告诉我我错过了什么？