补充父CSS类的box-shadow

Question

Twitter Bootstrap定义了一个盒子阴影。我想定义一个插入框阴影，但保留Bootstrap的框阴影。

这样的事情：

bootstrap.css

box-shadow: outer shadow

然后在我自己的CSS文件中

login.css

box-shadow: inset 0px 3px 0 0 ...

有没有办法可以同时应用于一个元素，而不必在login.css文件中重新定义Bootstrap阴影？

Answer 1

你必须覆盖bootstrap box-shadow ..但你可以同时使用逗号分隔inset和outset

box-shadow: inset 0px 3px 0 0 ..., 0px 3px 0 0 ...;

Answer 2

不幸的是，你不能继承盒子阴影＆amp;只更改插入值，但您可以继承它，然后再添加自定义插入版本。

以下是一个说明可以使用的继承的示例：http://jsfiddle.net/dwU2P/2/

示例：

.parentBox{
    box-shadow:0 0 1em 1em #222;
}
.childBox{
    box-shadow:inherit,
    /* custom inset box-shadow */
}