Question

我需要创建一个页面，顶部有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>

Answer 1

在css-File中，您可以声明reflinks的外观

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

这应该是你想要的

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

有色<a> tab by default</a>

1 个答案: