php - 如何更改 html/css/js/php 中的活动菜单项样式

Question

我的html是这样的

<ul class="navigation">
<li><a href="index.php">Home</a></li>
<li><a href="index.php?content=about">About us</a></li>
</ul>

如您所见，“关于我们”页面的内容已加载到 index.php。现在我想更改导航栏上不同样式的活动页面链接。

请帮帮我。我希望这个问题很清楚。

Answer 1

根据选择将类添加到特定项目；

<ul class="navigation"> 
<li <?php if(!isset($_GET['content'])) { echo 'class="active"'; } ?>><a href="index.php">Home</a></li> 
<li <?php if(isset($_GET['content']) && $_GET['content']=='about') { echo 'class="active"'; } ?>><a href="index.php?content=about">About us</a></li> 
</ul>