html - 如何在 CSS 中将属性应用于两个 div

Question

好吧，很明显我知道怎么做，但出于某种原因这段代码没有这样做。

我需要左右 div 有一个内嵌框阴影。

* {
  Margin: 0;
  Padding: 0;
}

.Wrapper {
  Position: Fixed;
  Background: RGB(128,128,128);
  Width: 1500PX;
  Height: 500PX;
  Top: Calc(50% - 250PX);
  Right: Calc(50% - 750PX);
}

.Left, .Center, .Right {
  Display: Inline-Block;
  Width: 500PX;
  Height: 500PX;
}

.Left, .Right {
  Box-Shadow: Inset 0 0 0 50PX RGB(256,256,256);
}

<DIV CLASS="Wrapper">
  <DIV CLASS="Left"></DIV>
  <DIV CLASS="Center"></DIV>
  <DIV CLASS="Right"></DIV>
</DIV>

Answer 1

如前所述，如果您计划在不止 1 个 div 上使用类影子，您真的应该远离资本化，也许可以考虑使用类影子。

        div { width:100px; height:100px}
        .shadow { box-shadow: inset 0 0 10px #000000; }

        <DIV CLASS="Wrapper">
          <DIV CLASS="Left shadow">left</DIV>
          <DIV CLASS="Center">center</DIV>
          <DIV CLASS="Right shadow">right</DIV>
        </DIV>