1

我正在使用 CODA2 创建我的 SCSS 文件，然后编译成 CSS，也使用 SCOUT。

我刚刚开始使用 SCSS 并认为它很棒，真的应该早点研究一下。无论如何，当我在 CODA 中编译每组 SCSS 时，它会进入我的 style.css 并带有一堆注释，显示原始 SCSS 的创建位置

例如

/* line 111, ../sass/_block-elements.scss */

另外，当我做一些嵌套时，我不知道这是否是正确的做法，但我认为它可能有点啰嗦。

我再次安排的代码如下。

section.callouts{
.wrapper{
    text-align: center;
    margin: $center;
    width:95%;
        .about, .menu, .contact, .timetable, .social{
            float: left;
            width: 230px;
            margin: 0 $callout-padding 0 $callout-padding;
                .callout-info{
                    background-color: $white;
                    @include rounded-bottom-left;
                    @include rounded-bottom-right;
                    padding: $small-padding;
                }

由于我刚刚掌握了 SCSS 的绳索，它看起来确实有点“原始”

4

2 回答 2

1

所有生产中的 CSS 都应该被缩小。这意味着在您提供给用户的编译代码中没有空格和（理想情况下）没有注释。

随心所欲地构建.scss文件，然后Production在准备发布时在 Scout 应用程序中设置环境。Sass 将为您缩小输出的 CSS，并且不会包含行号注释，以及删除您的任何//注释。

于 2013-01-25T01:14:42.957 回答
0

以下是 SCSS 的一些规则。

嵌套：嵌套的作用本质上是创建与嵌套深度一样多的选择器。当混合@extends 和嵌套时，这些选择器可以轻松达到 30kb。不夸张。我的公司面临这样一个问题，当所有的新手都会疯狂嵌套时，嵌套的东西只是因为这是他们在 HTML 中看到的结构。

将您的嵌套保持在 3 层，中断，如果它变得更深，则开始一个新的嵌套链，或者有一个新的块要处理。您应该首先定义全局变量。就像普通的 CSS 一样，你不想重写相同的代码只是为了让一个带有阴影的盒子变成红色。尝试混合！

PS你从来没有问过一个问题......你的帖子中没有一个问号：P

于 2013-04-09T15:11:50.857 回答