Question

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

我刚刚开始使用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的绳索，它确实看起来有点“原始”

Answer 1

应缩小所有制作CSS。这意味着您向用户提供的已编译代码中没有空格和（理想情况下）没有注释。

根据需要构建您的.scss文件，然后在准备发货时将环境设置为Scout应用中的Production。 Sass会为您缩小输出的CSS，并且不会包含行号注释，也不会删除您的//条评论。

Answer 2

以下是SCSS的一些规则。

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

将您的嵌套保持在3个级别，中断，如果它变得更深，则启动新的嵌套链，或者使用新的嵌套链。你应该首先定义全局变量。就像普通的CSS一样，你不想重写相同的代码只是为了让一个带有投影的红色框。试试mixins！

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

SCSS编译时带有注释和结构

2 个答案: