Επιλογέας κατά id και CSS κλάσεις

Σε ένα στοιχείο μπορούν να οριστούν και id, και κλάσεις. Σε αυτήν την περίπτωση, μέρος των στυλ του στοιχείου μπορεί να οριστεί μέσω του id, και μέρος των στυλ - μέσω της κλάσης:

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

Στυλιάστε τα μπλοκ κατά id και ανά κλάση:

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>