有谁知道我可以使用哪些css和html代码将焦点设置在导航栏上。换句话说,当用户在主页上时,我希望突出显示主页等页面选项卡。如果用户进入联系页面,则应突出显示联系页面导航栏选项卡。
答案 0 :(得分:0)
您可以为链接使用某种类。一个示例是让active
类对其产生一些outline
影响,或者具有不同的background-color
。但是你不能通过使用HTML / CSS来实现这一点,你需要一些javascript来根据你在页面上的位置添加和删除这个类。
希望这有帮助!
答案 1 :(得分:0)
您可以在HTML/CCS
中执行此操作,只要您的网页包含课程或ID即可。使用主页示例:
HTML
<body class="home">...
<li class="home>...</li><li class="other>...</li>
CSS
.home li.home { ... }
.other li.other { ... }
这不会设置:focus
,但会为您提供所需的视觉效果。