如何将多个类放在一个< li>元件？ [英] How can I put multiple classes in a <li> element?

问题描述

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

这是 li 标签

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

这也是我想在li标签中：

  class ='{{（$ aktiv =='dagvakt'）？ 'active'：''}}'
  



我试过这个， p>



 < li class ='pil'class ='dropdown'class ='{{（$ aktiv =='dagvakt'）？ 'active'：''}}'> 
  




解决方案

都在同一个类属性中，并用空格分隔它们。例如：

 < li class ='pil dropdown {{（$ aktiv =='dagvakt'）？ 'active'：''}}'> 
  

据我所知，规范只允许 class 被声明一次，所以尝试< li class ='ex'class ='am'class ='ple'> p>


I am working with a navigation menu, and wondering how to put multiple classes in a li tag:

This is the li tag

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

And this is also what I want in the li tag:

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

I tried this and it didn't work:

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

解决方案

You can add multiple classes to an element by putting them all in the same class attribute and separating them with a space. For example:

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

As far as I know, the spec only allows class to be declared once, so trying <li class='ex' class='am' class='ple'> won't work.

这篇关于如何将多个类放在一个< li>元件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！