不要設法弄清爲什麼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> 

在＃TextBox1中，而不是把.siteText作品那麼有沒有以某種方式，我不明白或者是繼承的東西結構有什麼問題？

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

丟失的第一個「類中的