Css UI路由器状态侦听器指令

我有一个使用UI路由器的

ul

列表。它基于

$scope

数据创建一个列表，并根据状态正确标记锚

活动。但是，我很难找到一种优雅的方式来标记
li
父项为活动的，用于样式设置

HTML:

我希望有一些CSS欺骗代码，允许我根据子元素的类来设计元素的样式。如果可能，我希望找到一个解决方案，而不添加任何额外的框架。现在我正在使用Angular JS、UI引导和UI路由器。非常感谢所有反馈
 当然，我在发帖后0.69秒就算出了。它看起来很简单，我怀疑它的正确性。我刚刚将ui sref active=“active

移动到父级

li

HTML:

<ul>
    <li ng-repeat="item in items">
        <a ui-sref="{{item.sref}}" ui-sref-active="active">
            {{item.name}}
        </a>
    </li>
</ul>

$scope.items = [
    {name:'Foo Stuff',sref:'foo'},
    {name:'Bar Things',sref:'bar'},
]

<ul>
    <li ng-repeat="item in items" ui-sref-active="active>
        <a ui-sref="{{item.sref}}">
            {{item.name}}
        </a>
    </li>
</ul>