less嵌套规则

时间：2018-06-05 22:44:19 阅读：191 评论：0 收藏：0 [点我收藏+]

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

原文：https://www.cnblogs.com/qjuly/p/9142256.html

踩

(0)

评论一句话评论（0）

分享档案

更多>