У меня есть панель навигации на моей странице со ссылками на разные страницы. Есть ли простой способ автоматически установить класс в элементе навигации, соответствующем текущей странице? Например, я хочу, чтобы вкладка «О нас» на панели имела другой стиль, если вы в настоящее время просматриваете страницу «О нас». Я знаю, что я мог бы подстроить PHP для каждой страницы, но я предпочел бы иметь более общее решение set-it-and-forget-it.
Я использовал это раньше, и он работает хорошо.
Если вы хотите получить чистое решение HTML / CSS, я могу подумать о том, чтобы поставить класс в тело, описывающий, какая вкладка должна быть выделена, и идентификатор на каждой вкладке, а затем настроить табуляции с помощью CSS.
Поэтому для HTML страница «О нас» будет иметь что-то вроде <body class="AboutUs">
а страница «Главная» будет иметь аналогичный <body class="Home">
. Каждая вкладка будет иметь уникальные идентификаторы типа «aboutUs» и «home».
Затем в CSS вы можете создать его так:
body.AboutUs tabs#aboutUs, body.Home tabs#home { /* selection style goes here */ }