zoukankan      html  css  js  c++  java
  • less 嵌套规则、运算、函数、命名空间

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

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

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

          如:

          .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
        }

  • 相关阅读:
    Linux系统挂载点与分区的关系(转载)
    读书笔记深入linux内核架构Chapter 2 part2
    读书笔记深入linux内核架构Chapter 2 part1
    读书笔记深入linux内核架构Chapter9
    读书笔记深入linux内核架构Chapter8part2
    鞋匠的烦恼
    和最大的连续子数组
    wxLog 的使用
    suffix trie
    trie
  • 原文地址:https://www.cnblogs.com/obeing/p/5173508.html
Copyright © 2011-2022 走看看