Html 在Django的每一页上都包含一个菜单

我对如何正确地做这件事感到有点困惑。我有一个名为menu.html的模板文件。我想将menu.html包含到我的站点的每个页面中，所以我做了

{%include“menu.html”%}

，效果很好。我一直坚持的是，如果我点击一个菜单链接，它的颜色就会变为红色，只要我在那个页面上，它就会一直保持红色

让我们假设菜单有到A、B、C和D的链接。如果我在B页，那么B应该是红色的，所有其他的应该是黑色的

---

关于如何做到这一点有什么想法？

我发现这是最干净的解决方案之一：

以防链接失效，下面是代码：

CSS menu.html 第B页 第C页

ul.tab-menu li a {
  text-decoration: none;
  color: #000;
}

ul.tab-menu li.active a {
  color: #F00;
}

<ul class="tab-menu">
    <li class="{% if active_tab == 'A' %}active{% endif %}"><a href="#">A</a></li>
    <li class="{% if active_tab == 'B' %}active{% endif %}"><a href="#">B</a></li>
    <li class="{% if active_tab == 'C' %}active{% endif %}"><a href="#">C</a></li>
</ul>

{% include "menu.html" with active_tab='A' %}

{% include "menu.html" with active_tab='B' %}

{% include "menu.html" with active_tab='C' %}