Использование переменной sass в n-м дочернем классе

#css #sass

#css #sass

Вопрос:

Как я могу получить число из переменной sass и ввести его в мой n-й дочерний селектор?

     @each $num in $number {
      amp;:nth-child($num) {
      }
    }
  

Ответ №1:

Вы можете найти пример в документах, https://sass-lang.com/documentation/at-rules/control/for

По сути, вы избегаете значения, используя #{} , поэтому в вашем случае:

 @each $num in $number {
  amp;:nth-child(#{$num}) {
  }
}