我有一个jsp页面,里面有一些链接.
<div id="menu">
<span></span>
<ul class="nav">
<li class="top_border"></li>
<li class="item3"><a href="">Polos</a></li>
<li class="item4"><a href="">Blouses</a></li>
<li class="item5"><a href="">Sweaters</a></li>
<li class="item6"><a href="">Pants </a></li>
<li class="item7"><a href="">Jeans</a></li>
<li class="item8"><a href="">Jackets</a></li>
<li class="item9"><a href="">Footwear</a></li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
我为这一个写了风格,如下所示
ul.nav li a:hover {
background: #ebebeb url(images/border.png) no-repeat;
color: red;
padding: 7px 15px 7px 30px;
}
Run Code Online (Sandbox Code Playgroud)
当我将鼠标悬停时,颜色会发生变化,当我点击该链接时,会打开该链接的相应页面.之后,它变得像以前一样正常.我想在当前页面的链接上应用该样式.我该怎么做?我正在使用JSP.