css - 更改事件 View 链接的颜色 UI-Router

Question

我正在使用 hack 将当前 View 作为事件状态。在这里看到:

<div class="navlinks1" ng-class="{active: $state.includes('myanmar')}"}>
    <a ui-sref="myanmar">Myanmar</a>
</div>

我的 CSS 是这样的:

.navlinks1{
    margin:0;
    padding:0;
    border-bottom:1px solid #e6e6e6;
    font-size:14px;
    margin-left:0px;
}

.navlinks1.active {
    background-color: #bdecff;
    color:#ffffff !important; 
}

.navlinks1 a:active {
    color:#ffffff !important; 
}

这样可以改变背景。没有改变的是链接颜色。我怀疑 a:active 不工作。

有谁知道如何使用 UI-Router 更改事件链接颜色，以便当前 View 的链接为不同的颜色？

谢谢。

Answer 1

这应该可以正常工作，我认为问题在于您的链接样式:

.navlinks1 a:active {
    color:#ffffff !important; 
}

如果您希望这些链接颜色在 $state.includes('myanmar') 时改变，您的 css 规则应该如下所示:

.navlinks1.active a {
    color:#ffffff !important;
}