Css 自动向li添加动画延迟

我有一个CSS3的幻灯片，每个孩子都有

动画延迟

， 但这不是动态的，因为对于每个标记，我应该添加第n个子项

有没有办法将动画延迟自动添加到li标记

这是CSS代码：

.cb-slideshow li:nth-child(2) span {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  -ms-animation-delay: 6s;
  animation-delay: 6s;
}

.cb-slideshow li:nth-child(3) span {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  -ms-animation-delay: 12s;
  animation-delay: 12s;
}

.cb-slideshow li:nth-child(4) span {
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  -o-animation-delay: 18s;
  -ms-animation-delay: 18s;
  animation-delay: 18s;
}

.cb-slideshow li:nth-child(5) span {
  -webkit-animation-delay: 24s;
  -moz-animation-delay: 24s;
  -o-animation-delay: 24s;
  -ms-animation-delay: 24s;
  animation-delay: 24s;
}

.cb-slideshow li:nth-child(6) span {
  -webkit-animation-delay: 30s;
  -moz-animation-delay: 30s;
  -o-animation-delay: 30s;
  -ms-animation-delay: 30s;
  animation-delay: 30s;
}

---

我想更改此代码，为每个标记添加6s延迟。

您可以使用PHP动态响应样式的每个部分，或者将其集成到css中。 比如说

.button:hover {
    border: 10px solid;
    transition: <?php echo $lot ?>;
}

。按钮：悬停{
边界：10px固体；
过渡：；
}

其中$lot是动画时间

我不知道如何在php中获得第N个child（N），但无疑有一种方法。

---

如果这不是很有用，很抱歉，我只是想说php将是一种很好的方法。

除了动态添加内联样式或使用javascript之外，没有其他方法可以动态处理它

例如

.cb幻灯片放映li{
动画：FadeIn 1s线性；
动画填充模式：两者都有；
}
@关键帧淡入淡出{
0% {
不透明度：0；
变换：缩放（.1）；
}
85% {
不透明度：1；
转换：标度（1.05）；
}
100% {
变换：比例（1）；
}
}

测试文本
测试文本
测试文本
测试文本
测试文本

该问题的@IsmailFarooq答案的可能重复无法解决我的问题。请阅读投票最多的答案。如果没有js，这是不可能的。您可以使用sass减少重复次数，但无法动态处理，但唯一的方法是内联样式检查我的答案answer@IsmailFarooq谢谢你的提示，但是我应该在没有服务器端编程的情况下完成它。为什么？如果您只是将样式表嵌入页面，它只会更新一次。这要求每次插入新元素时都要更新内联样式表。