.main-message .a는, .main-message가 부모고 .a가 자식입니다.
즉 .main-message 안에 포함된 엘리먼트 중에 .a를 찾는거지요~
<div class="main-message">
<div class="a"></div>
</div>
.main-message.a는 같은 엘리먼트를 가리킵니다.
즉 같은 엘리먼트에 두 클래스가 동시에 적용되어있다고 보시면 됩니다.
<div class="main-message a"></div>