CSS 仅在菜单CSS中突出显示所选项目

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS 仅在菜单CSS中突出显示所选项目相关的知识，希望对你有一定的参考价值。

#home  #menu  .home a,
#about #menu  .about a,
#services #menu  .services a,
#products #menu  .products a{ color:#000000; text-decoration:underline;}

html example code for page "about":
<body id="about">
...
<ul id="menu">
<li class="about"><a href="../about/index.html">About</a></li>
<li class="services"><a href="../services/index.html">Services</a></li>
<li class="projects"><a href="../projects/index.html">Projects</a></li>
</ul>

以上是关于CSS 仅在菜单CSS中突出显示所选项目的主要内容，如果未能解决你的问题，请参考以下文章

如何突出显示和检测 CSS 网格行上的鼠标点击？

悬停在子菜单上后保持父菜单项突出显示（HTML/CSS/Jquery）

使用 Sprite 的 CSS 导航菜单：如何突出显示当前页面的选项卡/按钮？

如何使用 Javascript 鼠标事件和 CSS 重新创建“突出显示”选择？

具有 CSS 的菜单项的透视焦点（将其他项变灰并突出显示当前项）

仅在WordPress中，菜单不会显示在移动主页上