SCSS Study Notes

Sass for suffix: Write without curly braces and semicolons;

Example: Body

font-size:12px

Files with scss suffix: curly braces and semicolons when writing as CSS;

Import:

The Sass Import (@import) rule differs from CSS in that the @import scss file is merged in to generate only one CSS file. But if you import CSS files in the Sass file like @import ' Reset.css ', the effect is the same as the normal CSS import style file, the imported CSS file will not be merged into the compiled file, but in the @import way. All Sass import files can ignore the suffix name. Scss. Generally speaking, the underlying file name method begins with _, such as _mixin.scss. This kind of file can not be underlined when importing, can write @import ' mixin '

Comments:

/**/: Multiline Comment

: single-line comment, not escaped when escaping into CSS

Variable: $fontS: 12px!default; (!default means default value, not writable)

SCSS Study Notes