【CSS】たまに便利なCSSセレクタをまとめていく
よく使うわけではないけど、便利なCSSセレクタを随時更新で追加していきます。
pointer-events
pointer-eventsをnoneにすればドラッグやホバー、クリックイベントが効かなくなります。
会員制のサイトなどでユーザーによってクリックする必要がないボタンなどにclassを追加したりして使ってます。
a { display: block; width: 40px; height: 40px; border-radius: 50%; background: red; } .noactive { opacity: .5; pointer-events: none; }