小编dum*_*umm的帖子

我想使用 apply 来定义组件上的一些 css 设置，并且我还希望能够覆盖它，如下所示：

<!-- CustomButton.svelte -->
<script>
    let className = '';
    export { className as class };
    export let label = 'Click me!';
</script>

<button class="custom-button {className}">{label}</button>

<style lang="postcss">
.custom-button {
    @apply bg-blue-400 font-bold text-white rounded-lg p-4;
}
</style>

我想这样使用它：

<script>
    import CustomButton from './CustomButton.svelte';
</script>

<div class="w-screen h-screen flex justify-center items-center">
    <CustomButton class="bg-red-800" label="This is my button" />
</div>

也就是说，我希望能够覆盖我的@applied 设置

问题是来自@apply指令的设置不能被这一行覆盖

<button class="custom-button {className}">{label}</button>

我知道，为了做到这一点，我必须告诉 tailwind 在组件层（即实用程序之前）生成相应的 css。

如果我在app.post.css文件中的行之前输入相同的 css 指令，@tailwind utilities或者使用该 …