我对css box-shadow属性的参数顺序感到困惑。
On https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow订单定义如下：
box-shadow: inset(optional) <offset-x> <offset-y> <blur-radius> <spread-radius> <color>
我们说我们有这样的HTML：
<div style="box-shadow: inset 0px 0px 20px -4px rgb(0,0,0)"></div>
当我打开开发人员工具时，选择上面的div元素并执行以下javascript为什么参数被重新排序。颜色参数现在位于第一位而不是最后一位。
window.getComputedStyle($0).boxShadow
"rgb(0, 0, 0) 0px 0px 20px -4px inset"
与$($0).css("boxShadow")
答案 0 :(得分：1)
您可以使用样式[＆＃34; boxShadow＆＃34;]或style.boxShadow。
<div id="foo">12123123</div>
document.getElementById("foo").style["boxShadow"] = "0 0 5px #999999";
答案 1 :(得分：1)
MDN中提到的顺序是正确的。它是为开发人员创建的标准。
话虽如此，你所看到的是计算出来的风格。每个浏览器和浏览器引擎的工作方式都不同，主要是他们尝试以更好理解的方式组合，规范化或简化您提供的属性，这可以帮助他们更快/更优化处理。
您看到的输出实际上与您给出的输入相反。