SCSS

SASS (Syntactically Awesome Style Sheets) is a pre-processor scripting language that will be compiled or interpreted into CSS. SassScript is itself a scripting language whereas SCSS is the main syntax for the SASS which builds on top of the existing CSS syntax.

SASS 跟 SCSS 類似，不過寫法上 SASS 可以不用寫大括號，但 SCSS 更類似於 CSS 寫法

  1. & 可以選到父類別

  2. import 可以引入檔案，include 可以把之前寫的 mixin 引入到某個 css rule 內

  3. mixin 也可加上參數功能

  4. 用 % 定義然後用 @extend 引入，@extend 也可直接引入其他寫好的樣式

  5. 某個元素的 {} 內的元素代表作用於其千套內

https://frankknow.com/sass-tutorial/

Previous簡單的特效NextJavascript basic

Last updated