不要弄清楚为什么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;
}

我的网页：

<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

你在课堂上错过了第一个">