Question

我通过将单个.css文件重命名为.scss并将@import重命名为一个主文件来重构一些vanilla CSS。该文件的内容如下所示：

@import file1
@import file2
@import file3

在同一目录中，生活_file1.scss，_file2.scss，_file3.scss。

一切正常，但由于某种原因，当我添加标志--style compressed时，缩小的输出缺少类等。它也可以与--style compact一起使用，因此无论出现什么问题都是特定于压缩的。

我在OSX 10.9.2上，使用Sass v3.2.10（媒体标记）。我使用以下命令：

sass --watch style.style.min.css --style compressed

当我不缩小输出时（通过删除--style compressed），生成的CSS工作正常。

任何可能出错的想法？

具体代码： 我无法发布整个文件，但此处的代码示例中的代码无效...

.scss

/*!XXXXXXXXXX*/
/* route colors */
.subway_metrorail_red       { background:#e45340; color:#fff; }
.subway_metrorail_orange    { background:#efaa49; color:#fff; }
.subway_metrorail_yellow    { background:#7a7a17; color:#fff; }
.subway_metrorail_green     { background:#52b05f; color:#fff; }
.subway_metrorail_blue      { background:#3f8cda; color:#fff; }

（缩小）.css

... .subway_metrorail_blue h3{color:#000}/*!XXXXXXXXXX*/.subway_metrorail_red{background:#e45340;color:#fff}.subway_metrorail_orange{background:#efaa49;color:#fff} ...

更新我开始认为这与编译CSS的sass无关......如果我使用与--compact相同的代码并添加一个换行符，则会正常应用样式。 CSS文件的最大行长度是什么？

UPDATE2：

验证员不喜欢这样：

.car2go_icon {
    background-image:url("../images/car2go_logo_50.png");
    background-size: 158px 50px;
    background-position: 0px 20px;
    background-repeat:no-repeat;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='../../../public/images/car2go_logo_50.png',
    sizingMethod='crop')";
}

更新3： 我认为-ms-filter:之后的字符串中的换行是问题所在！如上所述，当我离开代码时，它们无法通过验证。但当我删除换行符时，它们似乎已经过去了。我觉得这在放大过程中会破裂。有没有人比我更了解-ms-filter的正确语法？

Answer 1

这可能无效，因为css线的数量超过4000+。如果你试图把你的一些sass放在另一个文件中并使每个文件低于4000行，我认为这对你有用。

某些样式未在浏览器中使用sass -style压缩而呈现

1 个答案: