关于栏目高亮 多个CLASS判断 提问

如图所示：header 导航栏目，分别有几种 样式，无子栏目、跟无高亮为class=“”有子栏目为“nav”        点击之后 有高亮且无子栏目的class=“active”  有高亮有子栏目的class=“active nav”
这个语法怎么写？

html代码如下

{category module=share pid=0}
    <li  "此处为判断class">
     <a href="{$t.url}">{$t.name}</a>
    {if $t.child}
     <ul class="sub-menu">
     {category module=share pid=$t.id return=t2}
      <li class="menu-item-has-children"><a href="{$t2.url}">{$t2.name}</a>
       <!-- <ul class="sub-menu"> -->
       <!-- <li><a href="">产品三级目录</a></li> -->
       
       <!-- </ul> -->
      </li>
     {/category}       
     </ul>
     {/if}
    </li>
    {/category}