擦
> CSS Tricks表示flexBox显示供应商前缀的顺序很重要,并显示一个排序(-webkit-Box,-moz-Box,-ms-flexBox,-webkit-flex,flex)
> MDN显示与CSS技巧不同的顺序和交换-moz-Box为-moz-flex(-webkit-Box,-moz-flex,flex)
> Bourbon显示了一个不同的顺序并带来了框,其他两个页面甚至没有提到(-webkit-Box,Box,柔性)
问题
>订单真的很重要吗?
>这样做的正确方法是什么?
解决方法
只要W3C版本(官方财产)排在最后,就没有区别.
CSS渲染引擎将始终选择适用的最后一个属性.因此,如果实际支持flex,您不希望Chrome跳过flex并选择-webkit-flex.
你看到css-Tricks,MDN和Bourbon中供应商前缀的排序有所不同,因为顺序并不重要.请注意它们的共同之处:flex是最后的.
以下是一些更多细节:
> Ordering CSS3 Properties
> Ordering of vendor-specific CSS declarations