css - 如何在中途反转循环？

Question

我有这个代码:

for i in (1..5) 
 div:nth-child({i})::after
  content \'i*i\'

for i in (6..10) 
 div:nth-child({i})::after
  ij = (i - 5)
  content \'(ij*ij)\'

for i in (1..10) 
  div:nth-child({i})
  ij = (i - 5)
  if i >= 6
   height ij * ij px
  else 
   height i * i px

输出这个:

但我需要它在 25 点反转，所以它是:

1 4 9 16 25 25 16 9 4 1

不确定该怎么做？

Answer 1

改变计算 ij 的方式，从 ij = (i - 5) 到 ij = 11 - i

for i in (1..5) 
 div:nth-child({i})::after
  content \'i*i\'

for i in (6..10) 
 div:nth-child({i})::after
  ij = 11-i
  content \'(ij*ij)\'

for i in (1..10) 
  div:nth-child({i})
  ij = 11-i
  if i >= 6
   height ij * ij px
  else 
   height i * i px