0

メニューについて質問があります。私は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}

しかし、これはうまくいきません。それらをクリックしても何もアクティブになりません。

4

1 に答える 1

1

外部スタイルシートを介して、またはページ内のスタイル タグに直接埋め込まれて、ページにスタイルを追加する必要があります。

CSS:

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

インライン スタイルも使用できます。

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

動作しますが、お勧めしません。

于 2012-11-10T10:30:46.783 に答える