突出显示活动选项卡 - CSS

Question

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

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

active

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

提前谢谢。

Answer 1

你在做什么是正确的。 ：active 伪选择器意味着别的东西 - 事件激活控件（即用户按下鼠标按钮并释放它之间的时间）。

使用类来表示所选项目是可行的方法。

Answer 2

这远非理想，但如果您为每个页面和每个标签赋予一个ID，您可以在css而不是html中定义突出显示。我在查找活动属性时遇到了完整的解释：

使用CSS突出显示当前页面

我使用此技术设计的网站（页面，而不是标签页）

Answer 3

以下是 brainjar Demo 的更多示例
更多来自 Brainjar