css - 你如何让 nth-child 在 Sass 工作?
问题描述
我总是很难让它在 Sass 中工作,而且很难找到实现它的方法。我有三个元素,我可以使用第一个孩子和最后一个孩子,但我不能选择第二个元素。
& svg {
margin-top: 1vh;
height: 3vh;
width: auto;
&:first-child {
animation-name: fadeIn;
animation-duration: 3s;
animation-iteration-count: infinite;
}
&:nth-child(2) {
animation-name: fadeIn;
animation-duration: 3s;
animation-delay: 0.75s;
animation-iteration-count: infinite;
}
&:last-child {
animation-name: fadeIn;
animation-duration: 3s;
animation-delay: 1.5s;
animation-iteration-count: infinite;
}
}
如何选择第二个元素?
解决方案
推荐阅读
- java - count[name.charAt(i)]++ 和 count[str1.charAt(i) - 'a']++ 之间的确切区别是什么?
- javascript - 获取在语义 ui 中检查的无线电值
- javascript - 我的 Angular 应用程序需要两列,但它们的内容可能会因路线而异。如何设置组件?
- vhdl - 无法确定运算符 ""/"" 的定义 -- 找到 0 个可能的定义
- arrays - 如何取回未在索引数组中定义的数组元素?
- spark-streaming - 如何从 kafka 读取 Avro Schema 类型的事件并将它们存储在 Hive 表中
- c# - 如何在 C# 中创建类似 String Literal Union 类型的 TypeScript
- r - 按组为 R PCoA 图的个体着色
- windows - 如何配置 Postman 以便为 Windows 生成 curl 代码
- android - 这是应用程序的主要活动。但是这段代码以某种方式使我的应用程序崩溃。应该进行哪些更改才能使其正常工作