我正在使用 CSS 突出显示菜单上与访问者当前所在页面相对应的链接，以便他们知道他们在网站中的位置。
我已将其用作指南 Active Menu Highlight CSS 但它仍然无法正常工作。
有人能找出我哪里出错了吗？ 提前致谢!
HTML
<ul id="nav">
<li class="editorial"><a class="nav" href="editorial.html">EDITORIAL</a></li>
<li class="places"><a class="nav" href="places.html">PLACES</a></li>
<li class="people"><a class="nav" href="people.html">PEOPLE</a></li>
<li class="architecture"><a class="nav" href="architecture.html">ARCHITECTURE</a></li>
<li class="projects"><a class="nav" href="projects.html">PROJECTS</a></li>
<li class="published"><a class="nav" href="published.html">PUBLISHED</a></li>
</ul>
我还添加了一个
<body class="editorial">
<body class="places">
...等到每一页。
CSS
#nav .nav:hover,
body.editorial li.editorial,
body.places li.places
body.people li.people
body.architecture li.architecture
body.projects li.projects
body.published li.published {
background:#FFFF00;
color:#000;
}
#nav .nav:hover a.nav,
body.editorial li.editorial a.nav,
body.places li.places a.nav
body.people li.people a.nav
body.architecture li.architecture a.nav
body.projects li.projects a.nav
body.published li.published a.nav{
background:#FFFF00;
color:#000;
}
最佳答案
它不起作用，因为您忘记放置逗号来分隔您的选择器:
#nav .nav:hover a.nav,
body.editorial li.editorial a.nav,
body.places li.places a.nav, /* <== forgotten comma */
body.people li.people a.nav, /* <== forgotten comma */
body.architecture li.architecture a.nav, /* <== forgotten comma */
body.projects li.projects a.nav, /* <== forgotten comma */
body.published li.published a.nav {
background:#FFFF00;
color:#000;
}
检查这个 fiddle :http://jsfiddle.net/arnellebalane/0rq291ds/
关于html - 使用 CSS 突出显示事件菜单链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25337298/