突出显示活动选项卡-CSS

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

我目前正在使用一个类（.currenttab），然后在每个HTML文件中使用这个类。我没有使用：

active

有没有一种方法可以让我使用active，而不是在每个单独的HTML文件中使用一个类，或者我所做的是正确的

---

提前谢谢你。

你所做的是正确的。伪选择器意味着其他的东西-激活控件的事件（即，用户按下鼠标按钮和释放鼠标按钮之间的时间）

---

使用类来表示所选项目是一种方法。

这远远不够理想，但是如果您为每个页面和每个选项卡都指定一个id，您可以用css而不是html来定义突出显示。在查找活动属性时，我遇到了完整的解释：

---

（页面，而不是选项卡）

这里还有一些示例

---

来自

的更多信息感谢您的快速回复。您的问题并没有完全清楚，因此，如果您不清楚，请确保将任何css类放在单独的.css文件中，然后将其包含在每个html页面中，这样您就不会重新定义这些类。对不起，我不太明白您的意思。我目前有一个样式表用于所有内容，包括.currenttab类。在每个HTML文件中，我将类分配给相应的列表项（导航项）。这是不正确的吗？brainjar演示是使用HTML中的.current类还是使用上面Justin描述的方法？我认为它使用了.active.visitored，就像在Source中一样，不需要太多id，类就足够了，但是这种方法会让你得到最大的回报。当您开始转向更高级的HTML/css时，使用向body标记添加类将是一个更好的实践。