文章目录
  1. 1. Defined
  2. 2. Main()
    1. 2.1. With SCSS’s features
    2. 2.2. index
    3. 2.3. ===01/31 Update===
  3. 3. Refer

Defined

More efficient, more convenient!

Main()

With SCSS’s features

  1. @import with file
  2. variable usage
  3. Mixin css blocker

index

  1. config.scss
    save variables for static attributes
  2. common scss
    save styles for reusable[@import config.scss]
  3. other_single.scss
    includes the config.scss[@import config.scss]
  4. and Refer will be
    link src common.css / single.css

===01/31 Update===

最近看到一些文章里面有一个很重要: CSS是从右往左进行渲染的
.container .left span 像这个可能就会非常低效, 因为浏览器需要全局找一遍span标签, 之后进行进一步筛选.
所以开发中尽量减少嵌套, 尽量少使用标签选择

Refer

Gist
guide-sass

文章目录
  1. 1. Defined
  2. 2. Main()
    1. 2.1. With SCSS’s features
    2. 2.2. index
    3. 2.3. ===01/31 Update===
  3. 3. Refer