Σφάλμα κατά τη χρήση πολλαπλών επιλογέων CSS

Υπενθυμίζω, σχετικά με το σφάλμα των αρχαρίων: ο επιλογέας .bbb.zzz και ο επιλογέας .bbb .zzz κάνουν διαφορετικά πράγματα. Ο πρώτος ψάχνει για ένα στοιχείο που έχει ταυτόχρονα δύο κλάσεις, ενώ ο δεύτερος - ψάχνει για ένα στοιχείο με την κλάση zzz, που βρίσκεται μέσα σε ένα στοιχείο με την κλάση bbb.

Задание 1

Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:

cssh2.zzz {
  color: red;
}
Задание 2

Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:

cssh2 .zzz {
  color: red;
}
Задание 3

Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:

css.bbb.zzz {
  color: red;
}
Задание 4

Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:

css.bbb .zzz {
  color: red;
}
Задание 5

Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:

css.bbb.zzz.xxx {
  color: red;
}
Задание 6

Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:

css.bbb .zzz.xxx {
  color: red;
}
Задание 7

Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:

css.bbb.zzz .xxx {
  color: red;
}
Задание 8

Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:

css.bbb .zzz .xxx {
  color: red;
}
Задание 9

Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:

css#elem.bbb {
  color: red;
}
Задание 10

Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:

css#elem .bbb {
  color: red;
}