首页 > 其他 > 详细

less 语法(之一)

时间:2014-10-19 21:12:18      阅读:312      评论:0      收藏:0      [点我收藏+]
<div id="div">
    <span class="span">
            <button class="btn-1"></button>
            <button class="btn-2"></button>
    </span>
</div>    

利用less写css

一下是less写法:

#div{
        color:red;

        .span{
                  border:none;

                  .btn-1, .btn-2{
                              width:70px;
                              height:50px;
                   }

                  .btn-1{
                              background:red;
                 }
                  .btn-2{
                             background:black;
                 }
        }
}                    

 

则它生成相应的css为

#div{
        color:red;    
}

#div .span {
       border:none;
}

#div .span .btn-1, #div .span .btn-2 {
        width:70px;
        height:50px;
}

#div .span .btn-1 {
        background:red;
}
#div .span .btn-2{
        background:black;
}
    

 

 

比较两个文档的差异,用软件beyongCompare,安装后点击文档右键即可

less 语法(之一)

原文:http://www.cnblogs.com/JolinChan/p/4035399.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!