CSS box-shadow：谁能给我解释一下 Bootstrap 中使用的简短语法？

Question

Bootstrap 框架使用短语法为 div.form-control:focus 定义 box-shadow:

.form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

逗号前面的部分是什么意思？逗号后面的部分定义了阴影的外观，但逗号之前的部分呢？我在哪里可以找到有关此的更多信息？

在 Google 上搜索此内容，我找到了 a page on w3schools，但它似乎只解释了逗号后面的部分，而我之前并不理解该部分。

Answer 1

他们在一个声明中使用了两种不同的框阴影。另一个是插入边框，它位于元素内部而不是元素外部。

查看 this CSS-Tricks article 了解有关框阴影的更多信息

CSS box-shadow：谁能给我解释一下 Bootstrap 中使用的简短语法？

CSS box-shadow: can someone explain me the short syntax used in Bootstrap?

html

css

twitter-bootstrap

box-shadow