如何将 multi 类 应用于元素/组合条件静态 类
How to apply multi classes to an element/ combine conditional static classes
我想对一个元素应用多个 css 类。我该怎么做？一种是有条件的，一种是静态的。
<p
class={current === 'overview' ? 'selected' : '' // here I want to add another class named foo}
on:click={() => (current = 'overview')}
>
根据HTML standardclass="{current === 'overview' ? 'selected' : ''} foo"
用空格分隔
为了让生活更轻松，您可以使用 class: 指令
<p class="foo" class:selected={current === 'overview'}>
我想对一个元素应用多个 css 类。我该怎么做？一种是有条件的，一种是静态的。
<p
class={current === 'overview' ? 'selected' : '' // here I want to add another class named foo}
on:click={() => (current = 'overview')}
>
根据HTML standardclass="{current === 'overview' ? 'selected' : ''} foo"
为了让生活更轻松，您可以使用 class: 指令
<p class="foo" class:selected={current === 'overview'}>