.messages li + li {
margin-top: 32px;
}

上記のコードですが、

li + li {
margin-top: 32px;
}

ですと同じ表示になることは分かるのですが、

.messages li + .messages li {
margin-top: 32px;
}

ですとうまく行かない理由が知りたいです。