保留“focusOut”上标签的“活动”颜色

Question

我有一个jQuery选项卡UI，可以在活动或聚焦时更改颜色

CSS：

            a {
                color: grey;
                &:focus {
                    color: green;
                }
                &:hover {
                    color: green !important;
                }
                &:active {
                    color: green !important;
                }
            }

当我focusout时，它会恢复为默认颜色。我正在尝试为此设想一个jQuery解决方案，如果选择了新的选项卡，它也会删除最后一个选项卡的active颜色。

JS：

        if($("#first-tab, #second-tab, #third-tab").focusout {
            $(this).addClass('green');
        }else{
            $('#first-tab, #second-tab, #third-tab').removeClass('green');
        }

Answer 1

你可以添加一个表示单击它的类，你可以将你的风格添加到该类

$("a").on("click",function(){ 
   $("a").removeClass("active");
   $(this).addClass("active");
});

a.active{color:green}

Answer 2

您可以使用:visited选择器。

a:visited { 
    background-color: yellow;
}