CSS 缺少什么? Chris Coyier 于 2020年11月21日 DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度! 来自 State of CSS 的调查结果尚未公布,但他们创建了 此登陆页面,随机显示一个人对该问题的回答。只是点击刷新按钮很多次,我感觉最常见的答案是 容器查询父选择器嵌套一些非常奇怪且毫无意义的东西,让我对人们感到好奇 直接链接 →
容器查询是我的首选。其他不错的功能包括能够为选择器设置样式并过渡到自动高度/宽度(使用 JS 执行此操作很糟糕)。
我的首选是能够在关键帧中使用某种变量。
(当我第一次听说环境变量时,我以为它们就是它,但不是,我错了,它们是其他一些我无法真正看到任何用处的东西。)
假设我们有
n
个元素,每个元素都有一个从0
到n - 1
的索引i
。并且假设我们想要设置一个重复动画,使它们在0%
到i*100%/n
之间处于初始状态,并在(i + 1)*100%/n
到100%
之间处于最终状态。这无法通过animation-delay
来实现,因为第一个元素将在最终状态花费更多动画时间,而最后一个元素将在初始状态花费更多时间。因此,此时,我们唯一的解决方案是为每个元素创建n
组非常相似的@keyframes
。非常令人沮丧。这是一个 示例 – 关键帧必须在 Sass 循环中生成。