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

less 语法(之一)

时间:2014-10-19 21:14:35      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   ar   sp   div   on   log   bs   

<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 语法(之一)

标签:style   blog   color   ar   sp   div   on   log   bs   

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

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