我有一个使用 CSS 的小型选项卡式导航设置。将鼠标悬停在选项卡上时,颜色会发生变化,很棒。但是,当我单击一个选项卡并导航到相应的页面时,我希望该选项卡(活动选项卡?)保持突出显示,指示当前页面。
我目前正在通过使用一个类(.currenttab)然后在每个 HTML 文件中使用这个类来做到这一点。我没有使用:
active
有没有办法让我使用活动,而不是在每个单独的 HTML 文件中使用一个类,或者我做的是否正确?
先感谢您。
我有一个使用 CSS 的小型选项卡式导航设置。将鼠标悬停在选项卡上时,颜色会发生变化,很棒。但是,当我单击一个选项卡并导航到相应的页面时,我希望该选项卡(活动选项卡?)保持突出显示,指示当前页面。
我目前正在通过使用一个类(.currenttab)然后在每个 HTML 文件中使用这个类来做到这一点。我没有使用:
active
有没有办法让我使用活动,而不是在每个单独的 HTML 文件中使用一个类,或者我做的是否正确?
先感谢您。
你在做什么是正确的。: active伪选择器意味着别的东西——激活控件的事件(即,用户按下鼠标按钮和释放鼠标按钮之间的时间)。
使用类来表示选定的项目是要走的路。
这远非理想,但如果你给每个页面和每个选项卡一个 id,你可以在 css 而不是 html 中定义突出显示。我在查找活动属性时遇到了完整的解释:
我用这种技术设计的网站(页面,而不是标签)
这里有一些更多的例子Brainjar 演示
更多来自Brainjar