奇怪的sass行为，bug？

Question

我正在将我的css变成sass并遇到一些非常奇怪的东西，.jumbotron的高度不会改变，而它被放在css中。我尝试了一些东西，结果甚至更奇怪。

之间的结果存在差异

.jumbotron
  margin-top: -5em
  width: 80vw
  overflow: hidden
  background-color: rgb(250,250,250)
  height: 90em

和

.jumbotron
  margin-top: -5em
  width: 80vw
  overflow: hidden
  background-color: rgb(250,250,250)
  height: 90em

.jumbotron
  height: 90em

第一个不会因为某种原因影响高度，而第二个确实如此，我也尝试将第二个.jumbotron中的代码放入第二个，但问题又回来了。

为什么会这样？

Answer 1

我的sass版本是3.4.22。编译第一个案例的输出对我来说是：

.jumbotron {
  margin-top: -5em;
  width: 80vw;
  overflow: hidden;
  background-color: #fafafa;
  height: 90em; }

第二个：

.jumbotron {
  margin-top: -5em;
  width: 80vw;
  overflow: hidden;
  background-color: #fafafa;
  height: 90em; }

.jumbotron {
  height: 90em; }

这个CSS是你想要收到的吗？你的输出CSS是什么？也许你在第二种情况下在height的第一个和第二个声明之间用.jumbotron改变某些东西，这意味着你在第一种情况下压倒高度？

尝试使用开发人员工具调试样式。检查哪些规则影响高度。检查浏览器是否正常＆＃34;看到＆＃34;你的CSS。代码图可能很有用。