单击后如何使CSS a：active工作？

一尘不染

单击后如何使CSS a：active工作？

css

我正在尝试使菜单用作选项卡。选项卡本身工作正常，菜单链接也很好。.但是我想删除活动选项卡的底部边框，以使其看起来像您在该实际页面上。我尝试使用，#id a:active但似乎只有在按下链接后才能使用。我也有关于用javascript做到这一点的方法，但是我似乎无法找到一种方法来做到这一点。这是我活跃的CSS。

CSS ：（请让我知道您是否需要更多的CSS）

#navigation a:active {
    color: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#DFE7FA), to(#FFF));
    border-bottom-width:0px;
}

谢谢，/ Pyracell

阅读 561

2020-05-16

共1个答案

一尘不染

从您的演示链接中的另一个答案的注释中，JavaScript不会有任何帮助，应该在您的PHP代码中完成。符合以下条件的东西：

<a <?php if (this_tab_is_selected){ ?>class='active' <?php } ?>href='LINK_TO_TAB' >
    TAB_NAME
</a>

提及更改选项卡将重定向到另一个页面可能会帮助从xD开始获得更好的响应

根据您的代码以及创建选项卡的方式，您需要将更this_tab_is_selected改为true针对所选选项卡返回的代码。

PS您仍然需要进行CSS中其他答案中提到的修改。（将更#navigation a:active改为#navigation a.active）

2020-05-16