# 帝国cms如何实现当前栏目导航高亮

*Published:* 2025-08-13
*Author:* 客服001

#### 温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢

本文最后更新于2025年8月13日，已超过 180天没有更新



第一步：修改栏目tabs导航

模板→标签模板→管理标签模板→栏目tabs导航，把列表内容模板里的改成自己的li，比如：

```
<li id="this[!--classid--]"><a href="[!--classurl--]">[!--classname--]</a></li>
```

建议用id，层级较多的情况下class控制不方便。

第二步：公共模板变量里的导航输出，例如：

```
<div class="nav"> 
  <ul> 
    <li><a href="[!--news.url--]">首页</a></li> 
    [showclasstemp]0,12,0,0[/showclasstemp] 
  </ul> 
</div>
```

不知道\[showclasstemp\]含义的，打开帝国cms使用教程手册(http://www.phome.net/doc/manual/，建议把这个地址添加为书签，学习帝国cms必备)→美工手册→内置标签语法→点带模板的栏目导航标签(showclasstemp)。

第三步：在列表模板和内容模板里写入高亮的css，比如：

```
<style> 
#this[!--self.classid--] a { 
  color: #ff6666; 
} 
</style>
```

\[!--self.classid--\]输出的是当前栏目id，当当前栏目id和栏目id相等时，执行高亮样式。

此方法不修改帝国本身代码，绝对安全;二级栏目导航没试过，因为最近做的网站没这个需求。