php - li CSS でターゲットにできない「アクティブ」のクラス

Question

私はこれを 1000 回実行しましたが、これは私が理解できないことに不満を感じているためかもしれませんが、アクティブなページに基づいてナグ バー リンクの外観を変更するのに非常に苦労しています。

私はCodeigniterを使用しているので、ここに私のnavbarコードがあります:

<div id="wrapper">
        <div class="nav">
            <ul>
                <?php if ($this->uri->segment(1) === FALSE) { echo "<li class='active'>"; } else { echo "<li>"; } ?><a href="/">home</a></li>
                <?php if ($this->uri->segment(1) == 'about') { echo "<li class='active'>"; } else { echo "<li>"; } ?><a href="/about">about</a></li>
                <?php if ($this->uri->segment(1) == 'music') { echo "<li class='active'>"; } else { echo "<li>"; } ?><a href="/music">music</a></li>
                <?php if ($this->uri->segment(1) == 'contact') { echo "<li class='active'>"; } else { echo "<li>"; } ?><a href="/contact">contact</a></li>
            </ul>
        </div>
</div>

次に、リンクの外観を変更することになっている CSS を次に示します。

#wrapper .nav ul li .active a {
    color: grey;
    cursor: default;
}

なぜこれが機能しないのか、私は完全に途方に暮れています。誰かが私を頭上に叩きつけて、なぜ私が馬鹿なのかを思い出させてくれるなら、それは素晴らしいことです.

ありがとう。