如何在 CSS3 延迟类定义中应用加号

Question

下面的CSS是一个运行许多动画的部分

您能否暗示一下，或者您是否更喜欢"翻译"+的含义和/或作用？欢迎任何指向某些文档的链接。

还有如何使用这个听起来像是用类更改延迟量的方法，是的......但是要在 HTML 中使用它？

.animated.delay {
  -webkit-animation-delay: 450ms;
  animation-delay: 450ms;
}
.animated.delay+.delay {
  -webkit-animation-delay: 700ms;
  animation-delay: 700ms;
}
.animated.delay+.delay+.delay {
  -webkit-animation-delay: 1300ms;
  animation-delay: 1300ms;
}
.animated.delay+.delay+.delay+.delay {
  -webkit-animation-delay: 900ms;
  animation-delay: 900ms;
}
.animated.delay+.delay+.delay+.delay+.delay {
  -webkit-animation-delay: 1150ms;
  animation-delay: 1150ms;
}
.animated.delay+.delay+.delay+.delay+.delay+.delay {
  -webkit-animation-delay: 550ms;
  animation-delay: 550ms;
}

Answer 1

它查找放置在第一个元素之后的所有元素。

相邻同级组合器

相邻的同级组合器由"加号"（U+002B， +）字符组成，该字符分隔两个简单选择器序列。由两个序列表示的元素在文档树中共享相同的父元素，并且由第一个序列表示的元素紧邻第二个序列表示的元素。

CSS 选择器 |W3C

举个例子：

div + p {
  background: red;
}

<div>
  <p>Not Affected</p>
</div>
<p>Affected</p>