プログラミング初心者の学習まとめ < Scss & 要素について >

これはなに ？

• @atsushi-watanabe が自己学習として取り組んだプログラミングの内容を備忘録を目的にまとめたものです。

目的

• & （アンパサンド）を使ってみよう

& （アンパサンド）とは

• 親セレクタの参照ができる記述

記述方法（セレクタ・擬似セレクタの前）

html

<p class="test1">
hogehoge
</p>

scss

.test1{
  font-size: 40px;
  color: #000000;
  margin-top: 250px;
  text-align: center;
  
  &:hover{
  font-weight: bold;
  color: blue;
  }
}

参考

• [Sass]親セレクタの参照ができる&(アンパサンド)の使い方
• こちらを参考にさせていただきました。ありがとうございます。