Question

我在LESS中使用Bootstrap框架（3.3.5）中的导入mixins时遇到问题。以下代码是重现它的快速方法。

@import "bootstrap/bootstrap";

.a {
    .b {
        .c {
            .d {
                .navbar-form;
            }
        }
    }
}

// This directive should be redundant but actually changes the output CSS when present
.a .b .c .d {
    .navbar-form;
}

使用lessc编译时的结果包含（在很多事情中）来自Bootstrap的navbar-form类的以下指令：

.a .b .c .d {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}

如果我删除第二个块 - 恕我直言是完全冗余的 - 这个指令不包含在内，因此页面的最终呈现就会被破坏。

我错过了什么吗？它看起来像个bug吗？到目前为止，我找不到任何相关内容。

提前致谢

在嵌套规则

0 个答案: