CSS first-of-type 适用于所有 [重复]

Question

在使用 CSS :first-of-type 定位 div 并将样式应用于所有内容时遇到一些问题。关于我哪里出错的任何想法？

Working example here

  .message:first-of-type {
      background: purple;
  }

Answer 1

如果您只想为第一个 .message 使用紫色背景，请在 css 下方使用。 Pseudoclass :first-of-type 仅适用于类型（div、p 等），而不适用于类。

.message {
    background: purple;
}
.message ~ .message {
    background: none;
}