首页 > 其他 > 详细

nth-Child用法

时间:2015-01-26 14:50:09      阅读:225      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!