css - 参数的框阴影顺序

Question

来自https://github.com/orderedlist/minimal/blob/master/stylesheets/styles.css：

box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0;

来自http://www.w3schools.com/cssref/css3_pr_box-shadow.asp：

box-shadow: h-shadow v-shadow blur spread color inset;

因此，除其他外，排序似乎有点不同。在 github.com 示例中，插图排在第一位，而 w3schools.com 则排在最后。顺序不重要还是什么？或者也许那些可以与其他属性消除歧义的属性无关紧要？

我猜 0 是 h-shadow，1px 是 v-shadow，最后 0 是模糊？

Answer 1

一般来说，只有相同类型的参数才有固定的顺序。h-shadow, v-shadow, blurandspread因此必须按此顺序出现（并且您只能从末尾省略），但insetandcolour可以放在任何地方。

Answer 2

通常，box-shadow 的参数顺序为 horizontal-offset vertical-offset blur spread color 和 inset。其中，您可以 在列表中的任何位置inset 放置 。color

Answer 3

显然，您可以放在inset最后或最后（但其他所有内容的顺序，如水平阴影、垂直阴影、模糊、扩散和颜色确实很重要。正如您在w3c 规范中看到的那样，它们inset?在语法的开头显示在你发现它们在最后被使用的例子。