読者です 読者をやめる 読者になる 読者になる

@ryotaz

ゆとりエンジニア (2016~

CSS と SASS

日記 日記

仕事上,CSSの勉強をしなくてはならないのだが,仕様が複雑で難しい.

さらに,SASS を覚えると便利だそうだ.なるほど,フロントエンド界隈は新しいものをどんどん取り入れられるのか.

例えば,次のような SCSS は,下のような CSS に変換される.

a {
  text-decoration: underline;
  &:hover {
    color: red;
  }
}
a {
  text-decoration: underline;
}

a:hover {
  color: red;
}

ネストできることと,親の参照をかけることは便利だ. 一方.& で参照すると,ソースコード全文検索するときに若干検索性が落ちそうだ.