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 Selectors | W3C

举个例子：

div + p {
  background: red;
}

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

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

1 个答案: