我正在尝试创建一组盒子。我想尝试看看是否可以根据框在组中的位置设置框的大小。
目前，如果我事先知道盒子的数量并使用:nth-child()选择器和适当的位置，这是可能的。
由于CSS已经具有查找元素在组中的位置的能力，因此可以将此位置用作尺寸的输入。
因此，例如
#boxes:nth-child() {
height:calc(n * 10);
width:calc(n * 10);
}
可以使用服务器端代码甚至Javascript轻松实现此目的，但只是想了解我们是否可以使用CSScalc或其他任何功能来实现此目的。
在CSS选择器第3级中，没有用于定位元素的方法，然后使用与该元素在组中的位置相对应的变量来为该元素定制样式。
在CSS中，该calc()函数不允许使用变量。仅允许将具有加法（+），减法（-），乘法（*）和除法（/）的数学表达式作为分量值。
但是，使用Sass，可以使用CSS预处理器，在calc()函数中使用变量。
参考：
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句