我有一个使用CSS的小标签式导航设置。当悬停在标签上时,颜色会发生变化,非常棒。但是,当我单击一个选项卡并导航到相应的页面时,我希望该选项卡(活动选项卡?)保持突出显示,指示当前页面。
我目前通过使用类(.currenttab)然后在每个HTML文件中使用此类来执行此操作。我没有使用:
active
有没有办法让我使用主动,而不是在每个单独的HTML文件中使用一个类,或者我正在做的是正确的?
提前谢谢。
答案 0 :(得分:6)
你在做什么是正确的。 :active伪选择器意味着其他东西 - 激活控件的事件(即用户按下鼠标按钮并释放它之间的时间)。
使用类来表示所选项目是可行的方法。
答案 1 :(得分:3)
这远非理想,但如果您为每个页面和每个标签赋予一个ID,您可以在css而不是html中定义突出显示。我在查找活动属性时遇到了完整的解释:
Highlighting Current Page With CSS
A site I designed with this technique(页面,而不是标签页)
答案 2 :(得分:1)
以下是更多示例brainjar Demo
更多来自Brainjar