我有一个有 5 个导航部分的小网站。
为了避免在必须添加更多部分时更改每个页面上的代码,我在每个页面的导航部分使用了 php include。
现在我需要根据访问的页面将类“selected”添加到列表项 (li)。这个怎么做?因为现在导航是唯一的。
这是代码
<nav>
<ul>
<li class="selected"><a href="index.php">Home</a></li>
<li><a href="biography.php">Bio</a></li>
<li><a href="photo.php">Photo</a></li>
<li><a href="work.php">Work</a></li>
<li class="last"><a href="contact.php">Contact</a></li>
</ul>
<div class="clear"></div>
</nav>
谢谢!
最佳答案
这是简单的方法,不需要任何编程的纯 CSS:为您的正文和链接添加一个 ID:
<body id='home'>
<nav>
<ul>
<li id='home-link'><a href="index.php">Home</a></li>
<li id='bio-link'><a href="biography.php">Bio</a></li>
<li id='photo-link'><a href="photo.php">Photo</a></li>
<li id='work-link'><a href="work.php">Work</a></li>
<li id='contact-link'class="last"><a href="contact.php">Contact</a></li>
</ul>
<div class="clear"></div>
</nav>
现在,您只需这样设计:
#home #home-link, #bio #bio-link, #photo #photo-link, #work #work-link, #contact #contact-link{
//however you would have styled .active
}
关于php - 根据页面名称添加类元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7943417/