Στοιχείο με πολλαπλές CSS κλάσεις

Μπορείτε ταυτόχρονα να ορίσετε πολλαπλές κλάσεις CSS σε κάποια ετικέτα. Για να το κάνετε αυτό, στο χαρακτηριστικό class αυτές οι κλάσεις πρέπει να αναγραφούν διαχωρισμένες με κενό.

Ας δούμε ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε μερικές CSS κλάσεις:

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

Ας ορίσουμε στην παράγραφο και την μία κλάση, και την δεύτερη:

html<p class="error large">
  lorem ipsum
</p>

Задание 1

Ας υποθέσουμε ότι σας δίνονται οι ακόλουθες κλάσεις:

css.success {
  color: green;
}
.error {
  color: red;
}
.large {
  font-size: 30px;
}
.small {
  font-size: 20px;
}

Ας υποθέσουμε επίσης ότι έχετε 4 παραγράφους. Με τη βοήθεια των παρουσιαζόμενων κλάσεων, κάντε έτσι ώστε η πρώτη παράγραφος να είναι πράσινη και με μεγάλη γραμματοσειρά, η δεύτερη παράγραφος - κόκκινη και με μικρή γραμματοσειρά, η τρίτη παράγραφος - κόκκινη και με μεγάλη γραμματοσειρά, και η τέταρτη - πράσινη και με μικρή γραμματοσειρά.

Задание 2

Σκεφτείτε και δημιουργήστε 3 μερικές κλάσεις. Ορίστε σε κάποια ετικέτα ταυτόχρονα όλες τις τρεις κλάσεις που σκεφτήκατε.