CSS 複数のボタンに:hoverを適用させる

スタイルは同じだけど処理などが違う複数のボタンにホバーを効かす書き方がググっても分からなかったけど、下記のように書いたらOKだった

/* css */

#Button1:hover,
#Button2:hover {
  top: 6px;
  box-shadow: none;
  color: #fff;
}

↓ 下の書き方はダメです! ↓

/* css */
/* ↓ これはダメ ↓ */

#Button1, #Button2:hover {
  top: 6px;
  box-shadow: none;
  color: #fff;
}


最初は下のように普通にカンマ区切りで書いたけどダメで、
あきらめて同じ記述を2つ書いていました(´;ω;`)

正解はhoverを適用させたいセレクタに1つづつ書けばいいだけだったのだ!

この記事が気に入ったらサポートをしてみませんか?