JSFiddle - React, Tailwind, and code Playground
by Alexander Startsev
HTML
<div id="main">
<a href="#">Click me</a>
</div>
CSS
#main{
text-align: center;
background: #EEE;
border: 1px #CCC solid;
padding: 10px;
font: normal 11px/11px Tahoma;
}
#main a, #main a:visited{
color: #000;
text-decoration: none;
padding: 3px 6px;
border-radius: 3px;
background: #CCC;
}
#main a:hover{
color: #555;
background: #DDD;
}
JavaScript
$(document).ready(function(){
$("#main").click(function(e){
if(e.target.tagName !== 'A') {
alert('It\'s a DIV');
} else {
alert('It\'s a link');
}
})
})