巢狀在更少

在 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。