如何将属性应用于CSS中的两个div

Question

好的，显然我知道但是由于某种原因，这段代码没有这样做。

我需要左右div才能有一个插入框阴影。

＆＃13;

＆＃13;

* {
  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);
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

如前所述，如果您计划在超过1个div上使用它，那么您应该真正摆脱大写，并考虑使用类阴影。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;