less（特别方便）

less

• less概念：css预处理语言(样式），融入编程思想 /sass，浏览器不能直接识别less文件，

• 插件：Easy LESS(将less文件，同步编程成css文件)

• 注释

  /* 多行注释：编译成css时会保留注释 */
  //单行注释：编译成css时不会保留注释

• 引入

  行间
  内部:style标签中
  外链：link href
  /*2.引入  */
  @import "./reset.css";   /*引入css文件，记得加后缀  */
  @import "./reset"; /*将文件内容复制一份，less后缀可以省略 */

• 嵌套

  /* 3.嵌套
     层次嵌套： 父{  父类的样式  子类{}}
     引用嵌套： &：代替父类
  */
  .box{
      width: 100%;
      height: 300px;
      background: teal;
      &:hover{
          background: pink;
      }
      /* 子类样式 */
      p{
          color: #fff;
          font-size: 30px;
          span{
              color: red;
          }
      }
  }

  <