Id-valitsin ja CSS-luokat

Yhdelle elementille voidaan antaa sekä id että luokat. Tässä tapauksessa osa elementin tyyleistä voidaan asettaa id:n kautta ja osa tyyleistä - luokkien kautta:

html<div id="block" class="large">
  <p>text</p>
  <p>text</p>
</div>

css#block {
  color: red;
  font-family: Arial;
}
.large {
  font-size: 30px;
}

Задание 1

Tyylillistä lohkot id:n ja luokan mukaan:

html<div id="block" class="text">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>
<div class="text">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>