首页 > 其他 > 详细

less 嵌套规则、运算、函数、命名空间

时间:2016-01-31 17:17:13      阅读:139      评论:0      收藏:0      [点我收藏+]

嵌套规则:将父元素提取放在最外层

      &放在选择器之前表示选择所有父元素的组合

      &放在选择器之后所有父元素组合在当前元素之后

      如:

      .a{
        .b{
          .c &{
              color: #eee;//生成.c .a .b{ color: #eee;}
            }
         }
      }

      .a{
        .b{
            &.c{
              color: #eee;//生成.a .b .c{ color: #eee;}
            }
         }
      }

运算:任何颜色(先转为rgb再进行运算,不能使用red等颜色名称,应先转为十六进制)、变量、数值都可以进行运算,less会自动推断单位,运算符与值之间必须以空格分开,涉及优先级时用()

函数:常见函数rbg(),blue()接受一个十六进制的参数,提取出蓝色的值

命名空间:.类名>.特定类名也可以是.类名 空格 .特定类名

  .myColor(){
    .a{
      background: pink;
      &:hover{
        background: palevioletred;
      }
  }
   .b{
     background: greenyellow;
     &:hover{
      background: green;
        }
    }
  }
    .bg{
      .myColor > .b;//只编译.b
    }

less 嵌套规则、运算、函数、命名空间

原文:http://www.cnblogs.com/obeing/p/5173508.html

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