09-sass

One、sass、scss

sassはもともとhamlで動作するように設計されており、中括弧は不要で、タブのインデントが使用されます。
第3世代以降、インデントスタイルが維持され、通常のcssコードと完全に下位互換性があります。

次に、sassをダウンロードして設定します

compassは
sass 用のツールライブラリです。compassとsassをインストールするにはRubyが必要です

1. Rubyをダウンロードする

2.インストール

3. compassとsassをインストールします

4. vscodeでsassファイルを自動的に変更するプラグインをインストールします→Esay Sass
はプラグインのjsonで次のように構成されます

    "easysass.compileAfterSave": true,
    "easysass.formats": [

        //nested：嵌套缩进的 css 代码。
        //expanded：没有缩进的、扩展的css代码。
        //compact：简洁格式的 css 代码。
        //compressed：压缩后的 css 代码
        {
            "format": "compressed：压缩后的",
            "extension": ".css"
        },
        {
            "format": "compressed",
            "extension": ".min.css"
        }
    ],
    "easysass.targetDir": "./" //表示当前路径

3、sass文法

1.CSSタイプへのsass