くろおーかみ*てっく

しがないくろおーかみの勉強記

100DaysOfCode #3

やったこと

きづいたこと

  • Progate特有のこと。 Sassのレッスンはプレビュー右上の更新ボタンを押さないと反映されないので注意
  • Sass: 疑似要素もclassの追加指定も & を使う
<a href="#"></a>
<a href="#" class="sample-link"></a>
a {
  &:hover {
  
  }

  &.sample-link {

  }
}
  • Sass: classの追加指定で & を使う場合 入れ子とは違うので混同しないように
<div class="lesson">
  <a href="#" class="lesson-link"></a>
</div>
.lesson {
  a {
    /* 入れ子 */
    &.lesson-link {
       /* classの追加指定 */
    }
  }
}
  • Sass: mixinの @include はコロン使わないよ
  • Sass: @import では変数を入れるだけではなく別パーツのSassにも使えそう

みんなの進捗を応援!

Twitter @bwolftech で応援(Fav & RT)した進捗を紹介します💖

100日を超えて+19日目!画面のぴったり具合も素晴らしいです✨

コードを書くうちに全体像というかどうなっているのかというかが少しずつ見えてきます。私も経験があります。 ╭( ・ㅂ・)و̑ グッ