クリックイベントの無効化が素敵だった件　スマホ

CSSだけで多階層のグローバルメニューを作ってみたときに、
ふと先頭のどこのページにも移動しない時の挙動についておかしいような気がしたのです。

通常

<a href=""></a>

とするように思います。
パソコンだとオンマウスで挙動するように作ってあれば、クリックされる事は少ないですが、スマホで見るとついタップせずにはいられませんよね。
そう、タップしないとサブメニューが出ませんので。

そこで知ったのが

.target{
  pointer-events: none;
}

このコード。
なるほどcssで無効化してしまうわけですね。

とってもお勉強になりました。