我确定之前我已经在Stack Overflow上看过这个问题,但是我的生活中找不到它,所以这里什么都没有.
我有一个普通的Django菜单,它使用{% url %}菜单项的标签和静态名称.现在我希望为已选择的菜单项设置不同的样式.但是菜单是在基本模板中呈现的,那么我该如何确定它是哪个菜单项呢?
你可以使用一些丑陋的模板代码来做到这一点,但更全面的方法是使用CSS选择器.这使CSS可以自动为您完成所有工作.
以下是它的工作原理:
您只需根据您所在的页面在身体中放置一个ID.然后在css中你做这样的事情:
#section-aboutme #nav-aboutme,
#section-contact #nav-contact
/* ... put one of these per body/menu item ... */
{
font-color: red;
}
Run Code Online (Sandbox Code Playgroud)
您在每个菜单项上放置了nav-aboutme和nav-contact id.
CSS将自动选择样式,具体取决于它们所在的身份ID.