The '.self' modifier is set on the parent element.
Click on the child element and see how the event propagates past the parent element because the parent click event only reacts to click on the element itself.
The order of when and where the event is captured.