减少嵌套不起作用

Question

.caseinfo {
    .make-md-column(12);
    background:#555;
    &p {
        background:#999 ;
    }
}

为什么嵌套段落不会改变？我也试过没有&

Answer 1

如果我编译

@import "bootstrap.less";

.caseinfo {
    .make-md-column(12);
    background:#555 ;
        p {
            background:#999 ;
        }
}

结果css是

...
.caseinfo {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  background: #555 ;
}
@media (min-width: 992px) {
  .caseinfo {
    float: left;
    width: 100%;
  }
}
.caseinfo p {
  background: #999 ;
}

即.caseinfo div的背景颜色为＃555，此div中的任何段落的背景颜色为＃999，我用基本网页确认了这一点。也许您可以仔细检查较少文件中的路径。

祝你好运！