4

CSSのみを使用して、クラスのデフォルトで最後のliのみを色付けする必要があります。HTML の編集はオプションではありません。IE9+は大丈夫です。最後のリンクだけに色を付けるにはどうすればよいですか? これは単なる例であり、メニューは動的であるため、最後の子を使用したり、正確な最後のリンクを指定したりすることはできません。次のようなナビゲーション メニューがあります。

<ul>
    <li class="default">
        <a href="#">About Us</a>
        <ul>
            <li class="default">
                <a href="#">Where we live</a>
                <ul>
                    <li class="default">
                        <a href="#">Make this link red only</a>
                    </li>
                    <li>
                        <a href="#">Directions</a>
                    </li>
                </ul>
            </li>
        </ul>
     </li>
 </ul>
4

2 に答える 2

4

純粋な CSS アプローチに関しては、IE9 はこれらの疑似セレクターをサポートしています。これは、jquery などでも機能する可能性があります。ただし、このコードの問題は、複数のデフォルトがある場合、それらに色が付けられることです。

li.default > a:only-child {
  color:red;            
}​
于 2012-11-27T23:21:37.990 に答える
-1

このPHPソリューションがあなたの場合に最適だと思います（これは私が作成したPHPfiddleデモです：「実行」を押して数秒待ちます）。

これを実装するには、これを HTML ファイルの先頭に追加します。

<?php $thisPage='Make this link red only'; ?>
<html><head>

そして、この PHP をすべてのナビゲーション項目に (<?phpおよび?>タグ内に)追加します。

     <ul>
        <li <?php if ($thisPage=='About Us') echo ' id="currentpage"'; ?>>
            <a href="#">About Us</a>
            <ul>
                <li<?php if ($thisPage=='Where we live') 
          echo ' id="currentpage"'; ?>>
                    <a href="#">Where we live</a>
                    <ul>
                        <li<?php if ($thisPage=='Make this link red only') 
          echo ' id="currentpage"'; ?>>
                            <a href="#">Make this link red only</a>
                        </li>
                        <li <?php if ($thisPage=='Directions') 
          echo ' id="currentpage"'; ?>>
                            <a href="#">Directions</a>
                        </li>
                    </ul>
                </li>
            </ul>
         </li>
     </ul>

次に、CSS を次のように設定します。

#currentpage a { color: red; }

index.htmlまた、 asの名前を変更する必要がありますindex.php。または、.htaccess (Apache サーバーを実行していると仮定) を使用してHTMLファイル内の PHP を解析することをお勧めします。

于 2012-11-27T23:31:47.197 に答える