突出显示活动选项卡 - CSS

时间:2008-12-31 14:55:17

标签: css navigation

我有一个使用CSS的小标签式导航设置。当悬停在标签上时,颜色会发生变化,非常棒。但是,当我单击一个选项卡并导航到相应的页面时,我希望该选项卡(活动选项卡?)保持突出显示,指示当前页面。

我目前通过使用类(.currenttab)然后在每个HTML文件中使用此类来执行此操作。我没有使用:

active

有没有办法让我使用主动,而不是在每个单独的HTML文件中使用一个类,或者我正在做的是正确的?

提前谢谢。

3 个答案:

答案 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