CSSの2つのdivにプロパティを適用する方法

Question

[OK]をクリックします。これは明らかですが、何らかの理由でこのコードが実行していないことがわかりました。

左と右の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>