<style>
div{height:30px;}
.msg1 {background:#aaf}
.msg1+.msg1, .msg2+.msg2 {margin-left:20px;}
.msg2 {background:#faa}
</style>
<div class="msg1"></div>
<div class="msg1"></div>
<div class="msg1"></div>
<div class="msg1"></div>
<div class="msg2"></div>
<div class="msg2"></div>
<div class="msg1"></div>
<div class="msg2"></div>
<div class="msg1"></div>