AngularJS开发WebApp实现高亮跳转按钮效果，ui-sref和ui-sref-active的使用方法

<ul class="bg-w foot">
 <li ui-sref-active="select" ui-sref="main"><span>首页</span></li>
 //这个意思是说如果当前点击的路由是main的话，首先点击这个路由会跳转到main的页面，
 //然后如果当前页面就是它的话,那么就会包含select这个样式类的名称 <li ui-sref-active="select" ui-sref="search"><span>附近</span></li>
 <li ui-sref-active="select" ui-sref="me"><span>我</span></li></ul>

'use strict';
angular.module('app').config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
 $stateProvider.state('main', {
 url: '/main',
 templateUrl: 'view/main.html',
 controller: 'mainCtrl'
 });
 $urlRouterProvider.otherwise('main');
}])

@highlightBgColor: #dbf9f4;@highlightColor: #01c2a3;

 li { font-size: 20px;
 width: 33.33%;
 color: @muteColor;
 &.select { background-color: @highlightBgColor;
 color: @highlightColor;
 }
 }