1

是否可以删除下面代码中指定的规则的复制粘贴？

animated {
    animation: expand .7s;
    -moz-animation: expand .7s;
    -webkit-animation: expand .7s;
    -o-animation: expand .7s;
}
@keyframes expand {
    from {height: 502px;}
    to {height: 558px;}
}
@-moz-keyframes expand {
    from {height: 502px;}
    to {height: 558px;}
}
@-webkit-keyframes expand {
    from {height: 502px;}
    to {height: 558px;}
}

我想在一个地方定义关键帧（“从..到..”代码）

4

1 回答 1

3

不，您不能按规则分组。

这就是前缀规则的缺点：您必须根据需要为每个前缀重复值。

您可以使用像 Sass 或 LESS 这样提供混合功能的预处理器，编写一个生成所有前缀规则的混合，并在整个样式表中使用该混合，它会为您处理编译适当的 CSS 规则。但是你不能在不重复值的情况下使用 CSS 对前缀规则进行分组。

于 2013-11-05T09:33:53.680 回答