隣接兄弟結合子の動きがわかりません

2020年12月30日
ユーザー

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

上記のコードですが、

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

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

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

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

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?