less嵌套规则

Less中嵌套

最有意思的小东西了

两种方法：

     &对伪类使用

         hover或focus

.box {
  width: 200px;
  li {
    list-style: none;
  }
  a {
    text-decoration: none;
  }
}

编译成css

.box {
  width: 200px;
}
.box li {
  list-style: none;
}
.box a {
  text-decoration: none;
}

 

&的使用：

.box {
  width: 200px;
  li {
    list-style: none;
  }
  a {
    text-decoration: none;
    &:hover {
      color: red
    }
  }
}

编译成css

.box {
  width: 200px;
}
.box li {
  list-style: none;
}
.box a {
  text-decoration: none;
}
.box a:hover {
  color: #ff0000;
}