不同浏览器的盒子阴影是否优先？(CSS)

Question

我刚遇到了盒子阴影的问题.

1.有什么优先权box-shadow吗？

例如:

box-shadow: 0px 1px 1px 0px #292929;
-moz-box-shadow: 0px 1px 1px 0px #292929;
-webkit-box-shadow: 0px 1px 1px 0px #292929;

和

-moz-box-shadow: 0px 1px 1px 0px #292929;
-webkit-box-shadow: 0px 1px 1px 0px #292929;
box-shadow: 0px 1px 1px 0px #292929;

我看到很多设置像第二个,为什么它总是"moz-> webkit->基本设置"？

2.为什么我们需要-moz-box-shadow,-webkit-box-shadow即使我们有盒子阴影？

Answer 1

先回答你的第二个问题; 您希望浏览器支持返回的距离将决定您是否需要为属性添加前缀以及使用哪些前缀.(您可以box-shadow在caniuse.com上查看浏览器兼容性表.)

关于订单; 前缀属性的顺序是无关紧要的(个人而言,我更喜欢按字母顺序排列),因为浏览器只会忽略它不理解的任何属性.

订单唯一重要的是,无前缀属性必须是最后一个,如果后面跟着浏览器理解的前缀版本,那么前缀版本将覆盖未加前缀的版本,如果前缀可能会导致问题版本使用非标准语法.