¿La manera más fácil de clasificar el elemento de navegación “página actual”?

Tengo una barra de navegación en mi página web con enlaces a diferentes páginas. ¿Hay alguna manera fácil de establecer automáticamente la clase en el elemento de navegación correspondiente a la página actual? Por ejemplo, quiero que la pestaña “Acerca de nosotros” en la barra tenga un estilo diferente si actualmente está viendo la página “Acerca de nosotros”. Sé que podría armar PHP para cada página, pero prefiero tener una solución más general de “configúralo y olvídate”.

Lo he usado antes y funciona bien.

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

Si quieres una solución pura de HTML / CSS, lo mejor que puedo pensar es poner una clase en el cuerpo que describa qué pestaña debe resaltarse, y una identificación en cada pestaña, luego dirigir las tabs desde allí a través de CSS.

Entonces, para el HTML, la página “Acerca de nosotros” tendría algo así como mientras que la página “Home” tendría una similar. Las tabs tendrían identificadores únicos como “aboutUs” y “home”.

Luego, en el CSS, puedes darle el estilo siguiente:

 body.AboutUs tabs#aboutUs, body.Home tabs#home { /* selection style goes here */ } 
    Intereting Posts