안녕하세요 다름이아니라

<div class="buy">
<button class="btn btn-outline-danger ">구매</button>
</div>
이런식으로 되어있을 때 buy에 이벤트 리스너를 넣었었습니다. 그러데 button을 클릭하면 버블링을 통해 이벤트 클릭리스너가 사용될줄알았는데 사용이 안되어 질문드립니다.
2번커서에 class를 가르키고 ctrl + E 를 눌렀을 때 css에 추가하는 마법같은 기술을 저는 아직 사용못하고있습니다. (이름으로 파일 검색이라는 창이뜨기만 합니다.)그래서 css 파일에 가서 직접 추가하는 중인데 구글에서 찾아봐도 아직 못찾아 질문드립니다.
감사합니다.