Standard property 'transform' should come after vendor-prefixed property '-webkit-transform'.

Question

Standard property 'transform' should come after vendor-prefixed property '-webkit-transform'.
用DreamWeaver设计网页出现以上警告怎么修改？

Answer 1

该警告是由于在CSS中 transform 属性和 -webkit-transform 属性的顺序不正确所导致的。为了避免这个警告，需要按照标准属性和厂商前缀属性的顺序来书写CSS样式。一般情况下，先写厂商前缀属性，然后再写标准属性。

比如，在编写一个元素的 transform 样式时，应该先写 -webkit-transform，再写 transform。例如：

.my-element {
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
}

这样就可以避免出现警告了。

如果你使用的是 Dreamweaver 编辑器，可以在编辑器中打开CSS文件，找到报错的样式规则，并按照上述方法调整样式规则中的属性顺序即可。