码迷,mamicode.com
首页 > 其他好文 > 详细

nth-Child用法

时间:2015-01-26 14:51:37      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:

.result-list li:nth-child(1) .ui-label {
  background:#ff4527;
}

解释:.result-list下的第一个子元素li,下面的ui-label元素的背景色

<ul class="list result-list f-16">
        <li ng-repeat="item in result.data">
            <div class="clearfix">
                <div class="go-left"> {{item.n}}</div>
                <div class="go-right"><span class="accout">{{item.c}}人</span><span class="percent">{{item.p}}%</span>
                </div>
            </div>

            <div id="process">
                <div class="ui-bg">
                    <span style="width:{{item.p}}%" class="ui-label"></span>
                </div>
            </div>
        </li>
    </ul>

 

nth-Child用法

标签:

原文地址:http://www.cnblogs.com/JolinChan/p/4250240.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!