Wie kann ich jsp HTML-Link mit Aktion Stil ändern

Question

Im Moment habe ich eine jsp Seite, die einen Tag von so etwas wie dies hat:

ABCDEFGHI:

<html:link action="/SequenceA">A</html:link>&nbsp; 
<html:link action="/SequenceB">B</html:link>&nbsp; 
<html:link action="/SequenceC">C</html:link>&nbsp; 
<html:link action="/SequenceD">D</html:link>&nbsp; 
<html:link action="/SequenceE">E</html:link>&nbsp; 
<html:link action="/SequenceF">F</html:link>&nbsp; 
<html:link action="/SequenceG">G</html:link>&nbsp; 
<html:link action="/SequenceH">H</html:link>&nbsp; 
<html:link action="/SequenceI">I</html:link>&nbsp; 

Das Ergebnis in etwa so aussehen würde

Allerdings möchte ich den Stillink ändern, wenn er geklickt hat. Wie kann ich erreichen, dass, wenn ich auf ein Alphabet klicke, es aktualisiert und es alles entfaltet? Wenn ich zum Beispiel auf 'G' klicke, wird die Schriftgröße von 'G' um 1 erhöht und es wird fett dargestellt. Gleich nachdem ich auf "G" geklickt habe und auf "H" geklickt habe, wird "G" nicht mehr angezeigt und die Schriftgröße ändert sich wieder in die normale Schriftgröße und "H" wird fett und die Schriftgröße wird um 1 erhöht aufgrund zu aktualisieren, es wird alles

Erwartetes Ergebnis

Wenn i auf G klicken

ABCDEF G HALLO

nach dem ich auf H

nicht fett

A B C D E F G H I

Aktuelles Ergebnis aufgrund

A B C D E F G H I

Answer 1

So auffrischen müssen Sie etwas zu der Seite hinzufügen, wenn es welche Alphabet Buchstaben, um anzuzeigen, macht derzeit betrachtet wird. Zum Beispiel, wenn Sie eine active Klasse zu diesem Buchstaben Link hinzufügen, dann alles, was Sie tun müssen, ist diese Referenz in Ihrem CSS hinzuzufügen.

also, wenn Ihre HTML-Ausgabe sieht wie folgt aus:

<div class="alphabet"> 
<a href="/">A</a> 
<a href="/">B</a> 
<a href="/" class="active">C</a> 
... 
</div> 

Ihre CSS wird wie folgt aussehen:

.alphabet a {font-size:12px} 
.alphabet a.active {font-weight:bold; font-size:13px;}