他们引入了 User Agent properties 的概念,用来在 css 中使用用户代理提供的变量,比如 safe-area-inset-left 等,参考 [css-variables] User
参考:https://drafts.csswg.org/css-variables/#using-variables 预处理器 我们确实可以利用预处理器来把 Custom Properties
} .easing-variables:hover { transform: rotate(45deg); } CodePen上预览和编辑代码 浏览器支持程度* 91.6% * caniuse css-variables height = el.scrollHeight el.style.setProperty('--max-height', height + 'px') 说明 浏览器支持程度 91.6% caniuse css-variables caninuse - css-variables caninuse - css-transitions 38.悬停阴影动画 在文本上悬停时,在文本周围创建一个阴影框动画效果。 ? 浏览器支持程度 91.6% caniuse - feat=css-variables
/blob/v1.1.0/packages/common/style/theme.less [4]CSS Custom Properties 规范: https://drafts.csswg.org/css-variables
开始也没有再更新了 所以目测是遇到问题了,处于比较难推动的阶段,所以投入使用还有很漫长的路要走 Key Properties|性质 Variables|CSS 变量—— https://www.w3.org/TR/css-variables