html - 突出显示链接到当前页面的 div

Question

当我们在当前页面上时，我希望按钮(月亮、行星等...)保持红色。

链接到我的网站:http://www.chooseyourtelescope.com/moon-telescope/在这里，“月亮”按钮应该是红色的。

代码如下:

HTML

<a href=""><div class="top-logos"><img src="" alt="LUNE"></div></a>
<a href=""><div class="top-logos"><img src="" alt="PLANETES"></div></a>
<a href=""><div class="top-logos"><img src="" alt="CIEL PROFOND"></div></a>
<a href=""><div class="top-logos"><img src="" alt="SOLEIL"></div></a>
<a href=""><div class="top-logos"><img src="" alt="TELESCOPE POLYVALENT"></div></a>

CSS

.top-logos {
width:20%;
top:108px;
padding:5px;
position: relative;
text-align:center;
float: left;
background:#0e0e18
}

.top-logos:hover {
background:#dd0000;
}
.top-logos:active {
background:#dd0000;
}

我对 Javascript 一无所知，但如果你告诉我该怎么做，我可以使用它。我还安装了 JQuery。

Answer 1

您已经在适当的元素上拥有 current-logo 类。只是样式:

.current-logo div.top-logos {
  background-color: #dd0000;
}