よく使うわけではないけど、便利な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;
}

Tweet

Pocket