Question

以下是我希望在CSS中编辑的html的一部分。根据我的理解，我只需要使用#coupon来编辑优惠券div。但是，它不起作用。任何帮助表示赞赏。

<div class="coupon">
   <h1>Classic Combo</h1>
   <p>16" 1-Topping Pizza
      &amp; a 2-Liter of Your Choice
      For Only $14.99
   </p>
   <p>Expires 3/14</p>
</div>
<div class="coupon">
   <h1>Pizza &amp; Stix</h1>
   <p>16" Specialty Pizza
      Reg. Cheese Stix &amp; a 2-Liter
      For Only $21.99
   </p>

Answer 1

.coupon，而不是#coupon

在CSS中，.表示类名，而#表示元素的id

Answer 2

在css中使用它

.coupon{
    // write your style here
}

在css # = id和. = class

中

Answer 3

#coupon选择器用于id元素。尝试使用.coupon。这应该可以解决你的问题：）

Answer 4

当您使用id='something'时，在您的Html中

然后在使用css引用此元素时，您应该在ID之前使用#。 Ids在html中必须是唯一的。这意味着你不应该有2个标签或更多具有相同id的标签。在这种情况下，你应该使用class='something'并在css中引用你在它的类名之前使用.，并且拥有该类的所有内容都需要css。

这里你的html中有课。所以你应该使用.coupon而不是其他人说的#coupon。

另外一件事是ids优先于类。这意味着如果你有

<div id="greenColor" class="redColor"></div>

在你的CSS中你有

#greenColor{
 color: green;
}

.redColor{
 color: red;
}

div中的文字将color: green css超过color: red css。

用CSS选择一个类

4 个答案: