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"）

＆＃13;

.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;
}

＆＃13;

<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>

＆＃13;

Answer 2

尝试仅使用颜色而不是背景颜色。

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

Answer 3

你错过了第一个＆＃34;在班级

不要弄清楚为什么class-div不会从CSS获得颜色

3 个答案: