这是我的菜单显示文件,我只需要突出显示当前可点击的菜单项。当前事件的类元素突出显示
<div class="col-sm-3 col-md-2 sidebar">
<ul class="nav nav-sidebar">
<li style="margin-left:20px;">
</li>
<li><a href="#"> @ {{ Auth::user()->name }}</a></li>
<li class="active"><a href="#">PREGO<span class="sr-only">(current)</span></a></li>
<li><a href="#">Edit Account</a></li>
<li><a href="{{ route('projects.index') }}">Projects</a></li>
<li><a href="{{ route('collaborators.form', $project)}}">Collaborators</a></li>
<li><a href="#">Todos</a></li>
</ul>
<ul class="nav nav-sidebar">
<li class=""><a href="">Account</a></li>
<li class=""><a href="">Help</a></li>
</ul>
</div>
如何做到这一点?
最佳答案
.active a {
color: red;
}
<div class="col-sm-2">
<ul>
<li class="active"><a href="Home.html">Home</a></li>
<li><a href="About.html">About</a></li>
<li><a href="Contact.html">Contact us</a></li>
</ul>
</div>
关于javascript - 如何突出显示CSS中的当前点击菜单项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47943257/