Django:找出已选择的菜单中的哪个项目

Question

我确定我以前在 Stack Overflow 上看到过这个问题，但我一生都找不到它，所以这里什么也没有。

我有一个普通的 Django 菜单，它使用 {% url %}菜单项的标签和静态名称。现在我想为已选择的菜单项设置不同的样式。但是菜单是在基本模板中呈现的，那么我如何确定它是哪个菜单项？

Answer 1

你当然可以用一些丑陋的模板代码来做到这一点，但更好的更广为人知的方法是使用 CSS 选择器。这让 CSS 自动为您完成所有工作。

这是它的工作原理:

您只需根据您所在的页面在您的正文中放置一个 id。
然后在 css 你做这样的事情:

#section-aboutme #nav-aboutme,
#section-contact #nav-contact
/* ... put one of these per body/menu item ... */
{
    font-color: red;
}

您将 nav-aboutme 和 nav-contact id 放在每个菜单项上。

CSS 会根据它们所在的 body id 自动选择样式。