Конечно, вы можете применять тени к ним одновременно, одно из решений, если вы согласны с поддержкой браузера, перечисленной здесь http://caniuse.com/css-boxshadow, - просто использовать тень блока CSS3.
просто просто нацеливайтесь на все три селектора ваших контейнеров, вот так.
</p>
<pre><code>.container-left, .container-middle, .container-right { }
затем примените тень от блока вот так (не забывайте префиксы браузера), и я использую RGBAпоэтому мы также можем установить прозрачность Альфа, но вы также можете использовать HSLA.</p>
<pre><code>.container-left, .container-middle, .container-right {
-webkit-box-shadow: 0 0 9px rgba(20, 0, 0, 0.53);
-moz-box-shadow: 0 0 9px rgba(20, 0, 0, 0.53);
box-shadow: 0 0 9px rgba(20, 0, 0, 0.53);
}
Надеюсь, это было полезно.