這個CSS中的「＆」有什麼問題？

-2

.select-wrapper { 
    position: relative; 
    width: 200px; 
    overflow: hidden; 
    border: 1px solid #ccc; 

    &::after { 
     content: "\2193"; 
     position: absolute; 
     right: 5px; 
     top: 0; 
    } 

    select { 
     background: transparent; 
     border: 0; 
     padding: 3px; 
    } 
}

...但試圖將它添加到我的.css文件後，運行我的流星的應用程序，它失敗了，說有這條線的一個問題：

&::after {

...特別是，第5列（以下簡稱「&」）

我粘貼成csslint.net，它告訴我的CSS包含兩個錯誤。在以上所示的線，它說，「預期RBRACE」

其他錯誤是「意外標記‘}’在第19行，列1}

即最後一個‘}’ 。的CSS（和最後一個記號）

所以我增加了一個「}」前的「&」，並刪除最後一個「}」，但隨後得到了另一個錯誤：「意外令牌‘&’」

爲什麼它在jsfiddle中運行正常，但失敗csslint和流星？

來源

2015-09-03 B. Clay Shannon

一方面，它不是CSS。這是SCSS。此外，當你構建你的小提琴時，你將不得不選擇SCSS作爲選項，因爲它默認爲CSS，所以它不是可以錯過的東西。 – BoltClock

這很少，而不是CSS。你需要編譯它。 – SLaks

我分叉現有的一個，從一個div移動到一個選擇，並擺脫div。 –

這就是SASS的SSS。轉換回到CSS sassmeister。你會得到像...

.select-wrapper { 
 
    position: relative; 
 
    width: 200px; 
 
    overflow: hidden; 
 
    border: 1px solid #ccc; 
 
} 
 

 
.select-wrapper::after { 
 
    content: "\2193"; 
 
    position: absolute; 
 
    right: 5px; 
 
    top: 0; 
 
} 
 

 
.select-wrapper select { 
 
    background: transparent; 
 
    border: 0; 
 
    padding: 3px; 
 
}

來源

2015-09-03 18:44:56

這個CSS中的「＆」有什麼問題？

回答

相關問題