Выбор класса с CSS

Question

Вот часть html, которую я ищу для редактирования в css. Насколько я понимаю, мне просто нужно использовать #coupon для редактирования div 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 . обозначает имя класса, в то время как # обозначает идентификатор такой элемент в

Answer 2

использовать это в CSS

.coupon{ 
    // write your style here 
} 

В CSS # = id и . = class

Answer 3

Селектор #coupon используется для элементов id. Попробуйте использовать .coupon. Это должно исправить вашу проблему :)

Answer 4

в вашем Html, когда вы используете id='something', то, обратившись к этому элементу с помощью css, вы должны использовать # перед идентификатором. Идентификаторы должны быть уникальными в html.it означает, что у вас не должно быть 2 тега или более одного и того же идентификатора. в этом случае вы должны использовать class='something', а для ссылки в css вы используете ., прежде чем это имя класса, и все, что имеет этот класс, берут css.

и здесь у вас есть класс в вашем html.so, вы должны использовать .coupon не #coupon, как говорят другие.

и одна другая вещь Идентификаторы имеют приоритет над classes.it означает, что если у вас есть

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

и в вашем CSS у вас есть

#greenColor{ 
color: green; 
} 

.redColor{ 
color: red; 
} 

текст в DIV получит color: green CSS над color: red css.