爲什麼在輸出中幾乎所有這個文件都被省略了？

Question

使用基於縮進的sass我有一個特定的css規則，我試圖產生被默默地省略。沒有錯誤信息，並且在我將它轉換爲縮進格式之前，它正在工作。我試着下面的代碼https://www.sassmeister.com/和行爲是

button.btn-danger 
    background-image:none 
button 
    border: 1px inset 
    .danger 
    background-image:none 
    .btn 
    background-image:none 
    &.btn 
    background-image:none 
    &:hover 
    font: 10px 
button.btndanger 
    backgroundimage:none 

沒有相同的代碼涉及到一個類名與danger在它的輸出：

button { 
    border: 1px inset; 
} 
button:hover { 
    font: 10px; 
} 

我原：

button 
    .btn-danger 
    background-image:none 

這是sass中的一個錯誤，我是否在語法上做錯了什麼，或者是否存在對我的css選擇器非法的錯誤？

（編輯）其他信息： 這兩個工作（即使在3.3.14）

button.btn-danger 
    :background-image none 

button 
    &.btn-danger 
    :background-image none 

Answer 1

您使用了錯誤的編譯器

的，你需要使用libSass編譯，看看在demo

SASS

// ---- 
// libsass (v3.5.0.beta.2) 
// ---- 

button.btn-danger 
    background-image:none 

button 
    border: 1px inset 
    .danger 
    background-image:none 
    .btn 
    background-image:none 
    &.btn 
    background-image:none 
    &:hover 
    font: 10px 

button.btndanger 
    backgroundimage:none 

輸出

button.btn-danger { 
    background-image: none; 
} 

button { 
    border: 1px inset; 
} 

button .danger { 
    background-image: none; 
} 

button .btn { 
    background-image: none; 
} 

button.btn { 
    background-image: none; 
} 

button:hover { 
    font: 10px; 
} 

button.btndanger { 
    backgroundimage: none; 
}