CSS를 사용하여 탐색 모음에 현재 채널을 표시합니다.

이 글은 주로 네비게이션 바에 현재 채널을 표시하기 위해 CSS를 사용하는 방법을 소개합니다. 이제 이를 공유합니다. 도움이 필요한 친구들이 참고할 수 있습니다.

웹페이지 제작 Webjx 글 소개: CSS를 사용하여 내비게이션 바에 현재 채널 표시 현재 채널을 표시하는 기술은 오래 전부터 사용되어 왔으며 많은 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 중국어 사이트를 주목해주세요!

관련 권장 사항:

jQuery 브라우저 CSS3 근접 호환성 소개

위 내용은 CSS를 사용하여 탐색 모음에 현재 채널을 표시합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!