奇妙な嫌な行動、バグ？

Question

私は自分のCSSを盛りだくさんに変えていて、かなり変わった何かに出くわしました.jumbotronの高さはCSSに入れられていても変わらないでしょう。私はいくつかのものを試して、さらに奇妙なものに終わった。

秒1は、私も試したからコードを入れないながら最初は、何らかの理由で高さには影響しません

.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 

間で結果に差があります2番目の拳銃.jumbotronが問題を返します。

どうしてですか？

Answer 1

私のサスのバージョンは3.4.22です。最初の例のコンパイルからの出力は私のためである：

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

2つ目のために：

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

.jumbotron { 
    height: 90em; } 

は、あなたが受け取るしようとしているものを、このCSSですか？あなたの出力CSSは何ですか？たぶん、heightと第2の場合の.jumbotronの第1宣言と第2宣言の間で何かを変更していると思われます。これは、最初のケースで高さを上書きしていることを意味しますか？

デベロッパーツールを使用してスタイルをデバッグしようとします。どのルールが高さに影響しているか確認してください。ブラウザがあなたのCSSを適切に「見ている」かどうか確認してください。コードマップは有用かもしれません。