class-divがCSSからの色を取得しない理由を理解できない

Question

おそらく私が理解していない単純なものでしょう。構造はmozillaのホームページから取得されます。

クラス.siteText用に追加されたテキストボックスには、CSSで設定された「赤」の色が付けられません。

マイCSS：

.wrapper { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    grid-gap: 10px; 
    grid-auto-rows: minmax(100px, auto); 
} 

.siteText{ 
    background-color: red; 
    opacity: 0.5; 
} 

マイHTML：

<div class="wrapper"> 
      <div class=siteText" id="textbox1">One</div> 
      <div class=siteText" id="textbox2">Two</div> 
      <div class=siteText" id="textbox3">per libero et d</div> 
      <div class=siteImage" id="imagebox3">Six</div> 
    </div> 

ではなく.siteTextの＃1のTextBox1に置く動作しますので、私は理解したり、あるいない何らかの方法で継承されているものがあります構造に何か問題がありますか？

Answer 1

class=siteText"のすべてのインスタンスで最初の引用符がありません。それは、class="siteText"（ともclass="siteImage"）

.wrapper { 
 
    display: grid; 
 
    grid-template-columns: repeat(3, 1fr); 
 
    grid-gap: 10px; 
 
    grid-auto-rows: minmax(100px, auto); 
 
} 
 

 
.siteText{ 
 
    background-color: red; 
 
    opacity: 0.5; 
 
}

<div class="wrapper"> 
 
      <div class="siteText" id="textbox1">One</div> 
 
      <div class="siteText" id="textbox2">Two</div> 
 
      <div class="siteText" id="textbox3">per libero et d</div> 
 
      <div class="siteImage" id="imagebox3">Six</div> 
 
    </div>

Answer 2

色のみの代わりに、背景色を使用してみてくださいする必要があります。

.siteText{ 
    color:red; 
    opacity:0.5; 
} 

Answer 3

あなたのクラスの最初に「