首页 > 解决方案 > 你如何让 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;
    }
  }

如何选择第二个元素?

标签: csssassfrontend

解决方案


推荐阅读