这个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中的“＆”有什么问题？

回答

相关问题