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;"';?>>

它会起作用，但不推荐。