ドットインストールで動画学習 #7

#7
リンクに初期値で下線
aタグを修正
a {
   text-decoration: none;
}
bodyに色を指定したのに、aタグの中の要素の色が変わらない。
要素を引き継ぎたい時
color: inherit;
a:hover {
   color: blue;
}

疑似クラス…

ユーザーがポインティングデバイスで要素に反応したものの、アクティブ化する必要がないもの

（よくわからん…）

背景の色が変わる
a:hover {
  background-color: gold;
}

透明に近づける
.hover1:hover {
  opacity: 0.6;
}

色が反転
.hover2:hover {
  background: #333;
  color: #fff;
}

凹むボタン
.hover3:hover {
  border-bottom-color: transparent;
  transform: translateY(0.1875em);
}

浮き上がって影
.hover4:hover {

  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);

時計回りに回転
.hover7:hover {
  transform: rotateZ(360deg);
}
  transform: translateY(-0.1875em);
}

画像が拡大
.hover10:hover {
  cursor: pointer;
  transform: scale(1.1, 1.1);
}

アンダーラインが登場
.hover9:hover {

  cursor: pointer;
}
.hover9:hover::after {
  width: 100%;
}