不论是顶级栏目还是二级栏目都可以用dede:channel调,currentstyle则定义当前栏目的属性
我们要让当前栏目高亮就要在这个属性上做文章。
导航调用的代码如下:
{dede:channel type='top' row='10' currentstyle="<li><a href='~typelink~' class='hover'>~typename~</a> </li>"}
<li><a href='[field:typelink/]'>[field:typename/]</a> </li>
{/dede:channel}
其中hover这个属性,就是我们自定义的a标签样式,该样式同样可以作用于li
则相应的代码改为
{dede:channel type='top' row='10' currentstyle="<li class="hover"><a href="~typelink~">~typename~</a> </li>"}
<li><a href="[field:typelink/]">[field:typename/]</a> </li>
{/dede:channel}
为了确保当前栏目样式可以起作用而不是被其他ID类元素屏蔽
我们可以给样式增加一个important属性,以提高其优先级
具体为:
.hover {color:#bb0007 !important;}
如此便可
若调用的是二级栏目则对应的将top改为son/self等类型即可