Question

我对我的菜单有疑问。我有一个包含6个项目的菜单，如果它们是ACTIVE（我的用户正在使用），我想给它们一个不同的颜色。我已经尝试了这个：

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

它会起作用但不推荐。

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

1 个答案: