如何在 <li> 元素中放置多个类？答案

【问题标题】：How can I put multiple classes in a <li> element?如何在 <li> 元素中放置多个类？
【发布时间】：2023-03-31 02:30:01
【问题描述】：

我正在使用导航菜单，想知道如何将多个类放在一个 li 标签中：

这是li 标签

 <li  class='pil' class='dropdown'>

这也是我想要的 li 标签：

class='{{ ($aktiv == 'dagvakt') ? 'active' : '' }}'

我试过了，还是不行：

 <li  class='pil' class='dropdown'  class='{{ ($aktiv == 'dagvakt') ? 'active' : '' }}'>

【问题讨论】：

【解决方案1】：

您可以将多个类添加到一个元素中，方法是将它们全部放在同一个class 属性中并用空格分隔它们。例如：

<li class='pil dropdown {{ ($aktiv == 'dagvakt') ? 'active' : '' }}'>

据我所知，规范只允许class 被声明一次，所以尝试<li class='ex' class='am' class='ple'> 是行不通的。

【讨论】：

【解决方案2】：

每个属性一次只能存在一个，它应该是一个以空格分隔的类列表。试试这个：

<li class="pil dropdown {{ ($aktiv == 'dagvakt') ? 'active' : '' }}">

还要小心在引号内使用引号'，最好使用双引号" 来辅助语法突出显示并避免任何冲突。

【讨论】：