0

What mind is behind this prioritize of CSS3 cross browser?

for example:

.box_scale {
  -webkit-transform: scale(0.8);  /* Chrome, Safari 3.1+ */
     -moz-transform: scale(0.8);  /* Firefox 3.5+ */
      -ms-transform: scale(0.8);  /* IE 9 */
       -o-transform: scale(0.8);  /* Opera 10.50-12.00 */
          transform: scale(0.8);  /* Firefox 16+, IE 10+, Opera 12.10+ */
}

first is -webkit-, second is -moz-, third is -ms- forth is -o- and at the end without any prefix. what is the point of this prioritize ? or this is not matter which one is first?

Mohsen Safari
  • 6,669
  • 5
  • 42
  • 58
  • 1
    The order here doesn't change anything, each prefix is specific for a browser, IE9 will ignore everything but the -ms- statement and so on. – Patsy Issa Oct 30 '13 at 11:37
  • 1
    possible duplicate of [Ordering of vendor-specific CSS declarations](http://stackoverflow.com/questions/7080605/ordering-of-vendor-specific-css-declarations) – James Allardice Oct 30 '13 at 11:39

3 Answers3

4

You can see an inverted staircase in the property names, starting with the longest (-webkit-) and ending with the shortest (-o-) and the unprefixed property, supported by indenting the declarations so that the colons and values line up.

Other than that there is no practical meaning to the order of prefixes — you can mix and match the order of your prefixes however you like, with one exception: the unprefixed property always comes last because it's the standardized version of the property, and you want browsers to choose to use that over their prefixed version to ensure you get the most standards-compliant behavior for that property.

BoltClock
  • 700,868
  • 160
  • 1,392
  • 1,356
0

The order is irrelevant as the selectors target specific browsers. Most people chose this method purely because it looks better than writing them without tabs.

BenM
  • 52,573
  • 26
  • 113
  • 168
0

Well as browsers ignore css codes they don't understand, so the order is not important. browser will use the one it understands and will ignore the others.

Ashkan Mobayen Khiabani
  • 33,575
  • 33
  • 102
  • 171