如何在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>