<div class="mavi">
  mavi
  <div class="kirmizi">
  kırmızı
  </div>
</div>
<br>
<div class="yesil">
  yesil
  <div class="kirmizi">
  kırmızı
  </div>
</div>

div{
  color:white;
}
.mavi{
  background-color:blue;
  padding:20px;
  width:200px;
}
.kirmizi{
  background-color:red;
  padding:20px;
}
.yesil{
  background-color:green;
  padding:20px;
  width:200px;
}

$(".mavi").mouseleave(function(){
  alert("maviden ayrıldın");
});

$(".yesil").mouseout(function(){
  alert("yesilden ayrıldın");
});