Class：伪类

Question

Svelte 允许使用

动态应用 class

class:className={condition]

是否可以在 Svelte 中更改伪 class？例如，我想根据变量动态设置 :after 的样式。

Answer 1

如果你想应用例如::after风格，你可以这样做：

<script>
  let bl=false
</script>
<style>
  .myclass{
    color:blue    
  }
  .myclass::after { 
  content: " - Remember this";
}
</style>
<h1 class:myclass={bl} on:click={()=>bl=true}>
click me
</h1>

Class：伪类

Class: for pseudo classes

svelte