While writing CSS3 properties, generally we try to put the Vendor prefixes at the beginning and the ‘real’ property at the last. It should look like this:
.not-a-square {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
But what will happen if we do it in the reverse way? like this:
.not-a-square {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
Basically this doesn’t matter. I am telling this because, when the concept of CSS was brought none of these properties were supported. After that, only vendor prefixes were supported but there was not ‘real’ property. Nowadays, both of them are supported and If prefix is last, it will override actual property. You should keep in the mind that both are the same anyways. So, you don’t need to worry about ordering CSS properties as you will get a chance to put only the actual property in near future.
