少嵌套不起作用

【问题标题】：Less nesting not working少嵌套不起作用
【发布时间】：2014-12-21 22:30:16
【问题描述】：

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

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

【问题讨论】：

在这种情况下您不应该使用&。还要注意&p 编译成.caseinfop 而不是.caseinfo p

标签： twitter-bootstrap less

【解决方案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，我通过基本网页确认了这一点。也许您可以仔细检查 less 文件中的路径。

祝你好运！

【讨论】：