显示属性在镶边中不起作用

Question

.action {
display : -webkit-box;
display : flex;
margin-left : auto;
color : transparent;
-webkit-transition : .1s;
transition : .1s;
}

上面的 Css 代码在 IE 中工作。但是在chrome显示中：-webkit-box和-webkit-transition：.1s不起作用。这些属性在 Chrome 控制台中会发出警示。我也想展示它。

Answer 1

这些属性被删除，因为重复的属性采用列表中最后一个的值：

div {
color: red;
color: blue;
color: green;
}

上述的最终结果将是green

至少只要它承认给定的值是可以理解的，它就会这样做：

div {
font-weight: 400;
font-weight: 500;
font-weight: red;
}

这里的字体粗细将为 500，因为"红色"不是有效值。

这里值得注意的是，-webkit-transitions和transition被认为是同一财产。