[css] 여러 개 레이어가 겹쳐졌을 때 하나의 click이벤트만 실행되게 하고 싶을 때

.layer1{
        touch-action: none;
      }

.layer2{
        cursor: pointer;
      }
.layer3{
            pointer-events: none;
      }

✅css
1) 여러 레이어 겹쳐있을 때 z-index는 앞에 있지만 상위 레이어에 touch action이 먹지 않게 한다
2) 원하는 레이어에 click과 같은 이벤트시 mouse cursor가 pointer로 변한다
3) pointer event를 없애준다