css - 活动链接不会改变颜色。怎么解决？

Question

我对我的菜单有疑问。我有一个包含 6 个项目的菜单，如果它们处于活动状态（因此我的用户正在使用），我想给它们一个不同的颜色。我已经试过了：

<nav id="sub-navigation" class="toggles-menu">
<ul id="quick-index-nav" role="navigation" class="pills slim muted">
<li>
<a id="qindex-day">abc</a>
</li>
<li>
<a id="qindex-day">random</a>
</li>

<li<? if(!$_GET['t']||$_GET['t']=='') echo ' class="active"';?>>
<a id="qindex-popular" target="right" href="right.php">all of them</a>
</li>
<li<? if($_GET['t']=='tod') echo ' class="active"';?>>
<a id="qindex-today" target="right" href="right.php?t=tod">today</a>
</li>
<li class="yesterday<? if($_GET['t']=='yes') echo ' active"';?>">
<a id="qindex-yesterday" target="right" href="right.php?t=yes">yesterday</a>
</li>
<li<? if($_GET['t']=='mix') echo ' class="active"';?>>
<a id="qindex-day" target="right" href="right.php?t=mix">samba</a>
</li>
</ul>
</nav>

CSS：

.pills>li.active>a{color:#fff}
.pills.slim>li>a{padding:3px 5px;}
.pills.muted>li>a{color:gray}
.pills.muted>li.active>a{color:#fff}

但这行不通。如果我点击它们，它不会激活任何东西。

Answer 1

您需要通过外部样式表或直接嵌入页面中的样式标记来向页面添加样式。

CSS：

li.active a{
    color: red; // for example
}

您还可以使用内联样式：

<li<? if(!$_GET['t']||$_GET['t']=='') echo ' style="color: red;"';?>>

它会起作用，但不推荐。