背景色不适用于HTML元素?

时间:2019-07-04 11:11:35

标签: html css

我是HTML / CSS和这个论坛的新手。

有人可以解释为什么下面的代码没有使文本后面的背景颜色变为绿色吗?

<!DOCTYPE html>
<html>
  <head>
  <meta charset="utf-8"/>
  <title>this is my title</title>
    
    <style>
      .container {
        background-color: green;
      }

      p {
        font-family: "Helvetica", sans-serif;
        font-size: 25px;
        color: blue;
      }

    </style>
    
  </head>

  <body>
    <div class=”container”>
        <p>Cardigan aesthetic direct trade, migas locavore shoreditch DIY bicycle rights lyft street art bitters.</p>
    </div>
  </body>

</html>

如果我将它作为内联样式添加到div中,它会起作用吗?

(此外,我尝试先创建一个单独的样式表,然后尝试将样式添加到头部,因为这不起作用。

选择器样式可以工作)。

谢谢。

2 个答案:

答案 0 :(得分:5)

"container"。您以container的方式为”container”使用了错误的引号。您应该在双引号或单引号"container"

中使用'container'

.container {
  background-color: green;
}

p {
  font-family: "Helvetica", sans-serif;
  font-size: 25px;
  color: blue;
}
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>this is my title</title>
</head>

<body>
  <div class="container">
    <p>Cardigan aesthetic direct trade, migas locavore shoreditch DIY bicycle rights lyft street art bitters.</p>
  </div>
</body>

</html>

答案 1 :(得分:0)

<div class=”container”>使用无效的引号!

<div class="container">

替换