활성 탭 강조 -CSS

Question

CSS를 사용하여 작은 탭 탐색 설정이 있습니다. 탭 위로 호버링 할 때 색상이 변경됩니다. 그러나 탭을 클릭하면 해당 페이지로 탐색 할 때 해당 탭 (활성 탭?)이 현재 페이지를 나타내는 상태를 유지하려면 원하는 탭 (활성 탭?)을 원합니다.

현재 클래스 (.CurrentTab)를 사용하여 각 HTML 파일 에서이 클래스를 사용 하여이 작업을 수행하고 있습니다. 나는 사용하지 않는다 :

active

각 개별 HTML 파일에서 클래스를 사용하지 않고 활성을 사용할 수있는 방법이 있습니까, 아니면 내가하고있는 일이 정확합니까?

미리 감사드립니다.

Answer 1

당신이하는 일은 정확합니다. 그만큼 :활동적인 의사 선택기는 컨트롤을 활성화하는 이벤트 (예 : 사용자 사이의 시간은 마우스 버튼을 누르고 출시합니다)를 의미합니다.

클래스를 사용하여 선택한 항목을 의미하는 것이 좋습니다.

Answer 2

이상적이지는 않지만 모든 페이지와 모든 탭에 ID를 제공하면 HTML 대신 CSS에서 강조 표시를 정의 할 수 있습니다. 활성 속성을 찾는 동안 전체 설명을 가로 질러 달렸습니다.

CSS로 현재 페이지를 강조 표시합니다

이 기술로 디자인 한 사이트 (탭이 아닌 페이지)

Answer 3

다음은 몇 가지 예입니다 Brainjar 데모
더 많은 Brainjar