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つづつ書けばいいだけだったのだ!
この記事が気に入ったらサポートをしてみませんか?