默认情况下彩色 <a> 选项卡答案

【问题标题】：coloured <a> tab by default默认情况下彩色 <a> 选项卡
【发布时间】：2014-01-27 15:43:55
【问题描述】：

我需要创建一个在顶部包含 3 个选项卡链接的页面。每个选项卡链接有 2 种状态（活动或非活动），每种状态都有一种颜色。打开页面时，第一个选项卡链接应突出显示为处于活动状态。单击其他选项卡链接时，第一个选项卡上的颜色应更改回默认颜色（非活动）。我不知道该怎么做，似乎也找不到正确的答案。

<div id="tabs">
    <ul class="tabs-headers">
        <li>
            <a href="">tab A</a>
        </li>
        <li>
            <a href="">tab B</a>
        </li>
        <li>
            <a href="">tab B</a>
        </li>
    </ul>
</div>

【问题讨论】：

使用 jQuery/JavaScript，这是我能帮到你的，因为你还没有尝试过

标签： html hyperlink tabs

【解决方案1】：

在 css 文件中，您可以声明引用的外观

a.tabmenu, a.tabmenu:visited, a.tabmenu:hover { color: blue }
a.tabmenu:active { color: yellow }

这应该是你想要的

<li>
    <a class="tabmenu" href="...">Tab A</a>
</li>

【讨论】：

谢谢，但这对我的问题没有帮助。默认情况下，第一个 tablink 应突出显示为活动状态，无需单击它。