css3 - Does the placement of a CSS property/value matter when it is used as a fallback? -

css3 - Does the placement of a CSS property/value matter when it is used as a fallback? -

does placement of css property/value matter when beingness used "fallback" browsers not compatible css3 property/value?

for example, the css3 calc() function works browsers. let's want have div width 1/3 parent. utilize width:calc(100%/3) accomplish browsers calc() compatible. then, browsers not compatible, utilize width:33.33% fallback.

my question: placing width:33.33% above or below width:calc(100% / 3) create difference in effectiveness? 1 hierarchy work, while other not?

that is, ordering css properties this:

div.column { width: 33.33%; /* fallback in case browser not back upwards calc() */ width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); }

be different ordering them this:

div.column { width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); width: 33.33%; /* fallback in case browser not back upwards calc() */ }

yes, order matters. browsers utilize lastly rule understand, sec illustration negate calc() phone call browsers understand it.

as w3 states:

...if 2 declarations have same weight, origin , specificity, latter specified wins.

css css3 cross-browser