Question

此CSS适用于jsfiddle here：

.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;
    }
}

...但是在将我的meteor应用程序添加到我的.css文件后尝试运行它，它失败了，说这行有问题：

&::after {

...具体而言，第5栏（＆＃34;＆amp;＆＃34;）

我把它粘贴到csslint.net，它告诉我CSS包含两个错误。在上面显示的行上，它表示＆＃34; 预期的RBRACE ＆＃34;

另一个错误是＆＃34; 意外的令牌＆＃39;}＆＃39;在第19行，第1栏。}

这是最后一次＆＃34;}＆＃34; CSS的（和最后一个标记）。

所以我添加了一个＆＃34;}＆＃34;在＆＃34;＆amp;＆＃34;之前并删除了最后一个＆＃34;}＆＃34;，然后又出现了另一个错误：＆＃34; 意外的令牌＆＃39;＆amp;＆＃39; 。＆＃34;

为什么它在jsfiddle中运行良好但在csslint和Meteor中失败？

Answer 1

那是SCSS，即SASS。转换回sassmeister处的CSS。你会得到类似......

的东西

＆＃13;

.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;
}

＆＃13;

＆＃34;＆amp;＆＃34;有什么问题？在这个CSS？

1 个答案: