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

Question

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

这是li代码

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

这也是我想要的li标签：

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

我尝试了这个并且它没有工作：

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

Answer 1

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

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

据我所知，该规范只允许class声明一次，因此尝试<li class='ex' class='am' class='ple'>无法正常工作。

Answer 2

每个属性中只有一个可以同时存在，它应该是一个以空格分隔的类列表。试试这个：

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

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