CSS を使用してナビゲーション バー上の現在のチャンネルをマークします。

この記事では、主にナビゲーション バーで現在のチャンネルをマークするための CSS の使用方法を紹介します。これには、必要な友人が参照できるように共有します。

Web ページ制作 Webjx 記事の紹介:ナビゲーション バーに現在のチャネルをマークする 現在のチャネルをマークする技術は古くから存在し、多くの CSS 書籍で紹介されていますが、依然としてよく聞かれるので、説明するために簡単な例を書きました。

実際、原理は非常に簡単です:
1) さまざまなチャネル (列) に従って、それぞれ本文の ID を定義します。例:
ホームページ:
ブログ チャンネル:
アルバム チャンネル: チャネル ID は均一に定義する必要があります。
2) ナビゲーション バーの対応する列も ID またはクラスを定義します:

<ul id="nav">
<li class="nav_home"><a href="index.html">首页</a></li>
<li class="nav_blog"><a href="blog.html">Blog</a></li>
<li class="nav_album"><a href="album.html">相册</a></li>
</ul>

3) 現在の位置はさまざまなボディ ID によって区別されます:

#p_home .nav_home a,
#p_blog .nav_blog a,
#p_album .nav_album a {
……
}

上記はこの記事の全内容です。お役に立てば幸いです。その他の関連コンテンツについては、PHP 中国語 Web サイトに注目してください。

関連する推奨事項:

jQuery ブラウザーの概要 CSS3 の互換性の詳細

以上がCSS を使用してナビゲーション バー上の現在のチャンネルをマークします。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。