嵌套在更少

在 Less 中,你可以编写更简单的 CSS 规则并保持格式良好,因此不要编写此代码:

CSS

.item {
  border: 1px solid;
  padding: 4px;
}
.item .content, .item .image {
  float: left;
}
.item .content {
  font-size: 12px;
}
.item .image {
  width: 300px;
}

你可以这样写:

.item {
  border: 1px solid;
  padding: 4px;
  .content, .image {
    float: left;
  }
  .content {
    font-size: 12px;
  }
  .image {
    width: 300px;
  }
}

而 Less 会将该代码编译成我们都知道的普通 CSS。