Resaltando el enlace de la página actual usando JSP

Tengo una página jsp con algunos enlaces.

 

He escrito estilo para este como a continuación

 ul.nav li a:hover { background: #ebebeb url(images/border.png) no-repeat; color: red; padding: 7px 15px 7px 30px; } 

Cuando lo cierro, el color cambia y cuando hago clic en ese enlace, se abre la página respectiva para ese enlace. Después de eso, se vuelve normal como antes. Quiero aplicar ese estilo en el enlace de la página actual . ¿Cómo puedo hacerlo? Estoy usando JSP detrás.

La forma de hacerlo es hacerlo en JSP:

  

Tendrás que asegurarte de tener los caminos correctos. Le sugiero que ${pageContext.request.requestURI} directamente ${pageContext.request.requestURI} en su página solo para ver lo que obtiene y ajustar las comparaciones en consecuencia.

Después de eso, solo tienes que declarar una clase de CSS:

 .active > a { color: red; } 

También sugiero que tenga todos sus enlaces en alguna List y haga una iteración para representar su menú, ya que no necesita repetir ese código. Tienes JSP atrás, ¡úsalo!

Prueba esto

 ul.nav li a:visited { color: red;/* you can keep your original color*/ } 

Solución jquery alternativa

 $('.nav li a').on('click', function() { $('.active').removeClass('activelink'); $(this).addClass('activelink'); }); 

Ahora puedes agregar css

 .activelink{color:red;}