使用內容：「」;在SASS（非scss）

這對於有經驗的SASS編碼人員來說必須是一個非常簡單的問題，我開始使用它而不是使用SCSS，我想知道的是如何使用「blank 「內容元素，以使他們的工作（出現在DOM）我將它寫在SCSS：使用內容：「」;在SASS（非scss）

#element { 
    &:before { 
     content:''; 
    } 
}

這就是我想在SASS來完成的，如果我寫它，它不會編譯像這樣：

#element 
    &:before 
     content:''

它似乎期待值的內容，我用這個爲了使裝飾僞元素，比如邊框，線條，或與其他BG，很多東西相似的元素：

#element { 
    &:before { 
     content:''; 
     top: 0; 
     left: 0; 
     width: 100px; 
     height: 100px; 
     background-color: black; 
    } 
}

這只是一個例子，我知道CSS和SCSS語法，但社科院它剛剛獲得」編譯。

來源

2016-09-14 Irving Armenta

這樣做改變你的無禮的格式，還是你寫不換行？ – henry

當你說「它只是不會編譯」，問題到底是什麼？ – henry

在您的示例中，content:和引號之間沒有空格。我得到一個錯誤，沒有空間（SASS期待一個僞類或僞元素），但正常工作與空間：

#element 
    &:before 
    content: ''

來源

2016-09-15 06:52:59 blonfu

好的，我可以重現這一點。假設OP使用換行符，這是正確的答案 – henry

element 
    &:before 
    content: ""

和

element2 
    &:before 
    content: ''

和

element3:before 
    content: ""

和

element4:before 
    content: ''

似乎由SassMeister支持的所有薩斯編譯器（LibSass 3.3.6工作對我很好， Sass 4.0.0.alpha.1，Sass 3.4.21，Sass 3 .3.14）。這裏有一個工作要點：http://www.sassmeister.com/gist/0249fb7d41b10250bbcbcf336ef3d4f5（在Options菜單下更改編譯器;注意libsass註釋由SassMeister添加，我似乎無法刪除它）

來源

2016-09-14 20:10:22 henry

你好，我正在使用gulp-sass來編譯它，會是這個問題嗎？ –

好的，我測試了'gulp-sass'，它適用於我。你還沒有說過，如果你把它寫在一行（你的例子）或多行上，但是如果它是多行並且文件具有'.sass'擴展名，那麼這聽起來像是問題必須在其他地方 – henry

使用內容：「」;在SASS（非scss）

回答

相關問題