苗条 JavaScript 时尚

Question

在我的样式组件中，我有一个 class 可以按如下方式更改按钮的背景颜色：

<style>
.button:global(:nth-child(2)) {
    background-color: red;
  }
</style>

我的问题是我不想要 nth-child hard-coded，我希望它是一个变量，如下所示。

<script>
let x = 5
</script>

<style>
.button :global(:nth-child(x)) {
    background-color: red;
  }
</style>

这可能吗？

Answer 1

不，这不可能，唯一是可以使用样式属性在元素上设置属性（或自定义属性），但这些不能用作nth-child

的参数

Svelte JavaScript In style