Самый простой способ для класса Nav элемент текущей страницы? - PullRequest
4 голосов
/ 04 июня 2010

На моей веб-странице есть панель навигации со ссылками на разные страницы. Есть ли простой способ автоматически установить класс для элемента навигации, соответствующего текущей странице? Например, я хочу, чтобы вкладка «О нас» на панели имела другой стиль, если вы просматриваете страницу «О нас». Я знаю, что мог бы установить немного PHP для каждой страницы, но я бы предпочел более общее решение «забей и забудь».

Ответы [ 2 ]

3 голосов
/ 04 июня 2010

Я использовал это раньше, и это хорошо работает.

http://www.cssnewbie.com/intelligent-navigation/

3 голосов
/ 04 июня 2010

Если вам нужно чистое решение 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 */
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...