css - 为什么我们可以在 box-shadow 规则中首先获得颜色值？

Question

box-shadow的文档清楚地指出，第一个选项是长度值，颜色值最后。

怎么比下面的工作？

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

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

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

标签： cssbox-shadow

Answer 1

顺序是可选的，你可以把它放在color开头或结尾，它不会是“不正确的”。

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

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

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