CodePen

HTML

            
              .blue
  .green.clickable
    .red
      p Hello World
            
          
!

CSS

            
              div
  padding: 20px

.blue
  background: #444488

.green
  background: #448844

.red
  background: #884444

p
  background: lightgrey


            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $(document).on 'click', '.clickable', (evt) =>
  window.el = ` this `
  window.evt = evt
  console.log "CLICK_EVENT."
  console.log "this = ", el
  console.log "evt.target = ", evt.target
  console.log "evt.currentTarget = ", evt.currentTarget
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................