如何使用动作样式更改JSP HTML链接

Question

现在，我有一个JSP页面，上面有类似的标签：

<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;

结果看起来像这样：

a b c d e f g h i

但是，我想在单击时更改样式链接。当我单击任何字母时，我该如何实现，它会刷新并且会破裂所有内容？例如，如果我单击" g"，则" g"的字体大小将增加1，并且会变得大胆。但是，在我单击" G"并单击" H"之后，" G"将不折叠，字体大小将变回其正常字体大小，" H"将大胆，字体大小会增加1。但是由于刷新，它会解开所有内容

预期结果

当我单击G

时

a b c d e f g h i

之后我单击h

a b c d e f g h i

由于刷新而引起的当前结果

a b c d e f g h i

Answer 1

因此，当它渲染以指示当前正在查看哪个字母字母时，您需要在页面上添加一些内容。例如，如果您在该字母链接中添加active类，那么您需要做的就是在CSS中添加此引用。

因此，如果您的HTML输出看起来像这样：

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

您的CSS看起来像这样：

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