Question

我在下面有这个简单的html / css代码。当我尝试在“欢迎”类中更改字体大小时，它实际上并未在div中的任何内容上应用字体大小，背景颜色，字体粗细等。

我能否解释一下为什么会发生这种情况。 DIV本身有ID和类。

<html>
<head>
  <style>
  .welcome {
   font-weight: bold;
   font-size: 50%;
  font-style: oblique;
   background-color: yellow;
  }


  a:hover {
   font-size: 500%;
  }

  #greeting {
  position: absolute;
  top: 200px;
  left: 100px;
   text-align: left;
  }

  p {
   color: green;
  }
  </style>

</head>


<body>
<div id="greeting" class=”welcome”>

 Sample Text
 <p>Thank you for coming here!</p>
 <p>Welcome to <a href=”ltu.html”>La Trobe</a></p>
 <p>Thank you for coming here!</p>
</div>
</body>

</html>

Answer 1

我想你可能从某个地方复制了代码，您使用的报价不是正确的。

而不是

class=”welcome”

应该是

class="welcome"

（代码的其他部分相同）

Answer 2

您使用了错误的字符来定义您的类，而是使用下面的双引号或单引号，

<div id="greeting" class=”welcome”><!--This is incorrect-->
<div id="greeting" class="welcome"><!--Use this--> 
<div id="greeting" class='welcome'><!--Or this one-->

Answer 3

尝试使用单引号（'）而不是双引号（“）。这似乎是问题。

div具有ID和类，但类不适用于div

3 个答案: