前言

目前个人认为最合适的一个判定了，但是我的做法只支持二级分类，如果你有多级分类，就需要自行调整了。

先上个实际html渲染图：

可以看到，我进入的是HTML子分类，那么对应的子分类class上已经有active类名了，而它的父级分类前端，在类名上也存在了active。

教程

不多说，直接上源码

此处内容已隐藏回复后方可阅读。

分类： Typecho博客教程 标签： 主题typecho分类高亮
版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可，禁止转载。

评论

全部评论 13

  1. detechn
    detechn
    QQ Browser Windows 10
    学习一下 看看
    回复
  2. 111
    111
    Google Chrome Windows 10
    11111下看看
    回复
  3. Techzhi
    Techzhi
    Google Chrome Windows 10
    学习下看看
    回复
  4. WuXiaoFan
    WuXiaoFan
    Google Chrome MacOS
    学习下看看~
    回复
  5. Alex
    Alex
    FireFox Windows 10
    学习下看看~
    回复
  6. Section
    Section
    FireFox Windows 7
    学习学习
    回复
  7. 永恒末匕
    永恒末匕
    Google Chrome Windows 10
    学习学习
    回复
  8. Brandy
    Brandy
    Google Chrome Windows 10
    看看
    回复
  9. LamaGE
    LamaGE
    Google Chrome Windows 10
    为什么总要评论才能看。
    回复
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @LamaGE因为有垃圾的csdn转载啊，凭什么我的知识产出给别人
      回复
  10. LamaGE
    LamaGE
    Google Chrome Windows 10
    还没看懂
    回复
  1. 1
  2. 2

相关推荐

Typecho 使用highlight.js代码高亮如何实现代码行号

木灵鱼儿 619 9 13
typecho 代码高亮 highlight.js

Typecho掘金编辑器《Typecho_Plugin_JJEditor》

木灵鱼儿 1777 1 11
插件 编辑器 typecho

Typecho 实现一个目录树

木灵鱼儿 2841 100 16
typecho 目录树

开源主题-高仿掘金《JJ》V2.0

木灵鱼儿 34665 502 124
typecho 开源 博客主题

利用typescript实现原生css变量的主题切换功能类

木灵鱼儿 1063 0 0
typecho TypeScript 主题切换

typecho主题开发：基于webpack5的多页面打包项目

木灵鱼儿 2185 0 6
typecho 主题开发 webpack5

让typecho支持特殊字符

木灵鱼儿 1219 0 0
typecho 特殊字符 emoji

typecho 真的很简单的自定义评论列表

木灵鱼儿 32611 0 92
typecho 评论 自定义评论

关于element 侧边栏导航高亮的思路

木灵鱼儿 4330 1 0
vue 路由 element

你不知道的微软-蓝泽光（win7主题）

木灵鱼儿 3666 0 0
主题 蓝泽光 win7
获得点赞 0
文章被阅读 2,461
最后更新 23-03-28 3:47:02

目录

目录