fv17の日記 - Coding Every Day

Webエンジニアの備忘用ブログです。主にWeb界隈の技術に関して書いています。

SCSSの書き方

基本的な書き方と、自身がハマったところ

基本的な書き方

公式
sass-lang.com

日本語かもーんぬの場合はこちら
ferret-plus.com

親を参照する場合

例えば、:hoverとかの場合

通常のCSS

#logo {
  float: left;
  color: #fff;
}

#logo:hover {
  color: #fff;
  text-decoration: none;
}

SCSS

アンパーサンド&を使えばOK

#logo {
  float: left;
  color: #fff;
  &:hover {
  color: #fff;
  text-decoration: none;
  }
}