내 웹 페이지에 다른 페이지로 연결되는 탐색 모음이 있습니다. 현재 페이지에 해당하는 탐색 요소에 클래스를 자동으로 설정하는 쉬운 방법이 있습니까? 예를 들어, "About Us"페이지를보고있는 경우 바의 "회사 소개"탭에서 다른 스타일을 사용하고 싶습니다. 각 페이지마다 약간의 PHP를 조작 할 수 있다는 것을 알고 있지만 좀 더 일반적인 set-it-and-forget-it 솔루션을 원합니다."현재 페이지"nav 요소를 가장 쉽게 클래스 할 수 있습니까?
내가 전에 사용했는데 그것은 잘 작동 :
그런 다음 CSS에서, 당신은 지금처럼 스타일을 할 수있다.
순수한 HTML/CSS 솔루션을 원한다면 내가 가장 잘 생각할 수있는 것은 클래스에 강조 표시해야 할 탭과 각 탭의 ID를 설명하는 클래스를 넣은 다음 CSS를 통해 탭을 타겟팅하는 것입니다 .
HTML의 경우 "회사 정보"페이지는 <body class="AboutUs">이고 "홈"페이지는 <body class="Home">입니다. 탭에는 각각 "aboutUs"및 "home"과 같은 고유 ID가 있습니다.
body.AboutUs tabs#aboutUs,
body.Home tabs#home
{
/* selection style goes here */
}