为什么我们可以在 box-shadow 规则中让颜色值优先？

Question

The documentation for box-shadow 明确指出第一个选项是长度值，颜色值排在最后。

为什么下面的方法有效？

box-shadow: #0000002e 0px 1px 2px;

.style {
  height: 50px;
  width: 100%;
  box-shadow: #0000002e 0px 1px 2px;
}

<div class="style"></div>

Answer 1

顺序是可选的，你可以把color放在开头或结尾，而不是"incorrect"。

在文档中它指出 <shadow> = inset? && <length>{2,4} && <color>

那些 && 分隔符意味着它们是强制性的，但顺序并不重要。 inset? 和 <color>? 的 ? 表示这些字段是可选的。

编译器根据输入类型设置值。