Σφάλμα κατά τη χρήση πολλαπλών επιλογέων CSS
Υπενθυμίζω, σχετικά με το σφάλμα των αρχαρίων: ο επιλογέας
.bbb.zzz και ο επιλογέας .bbb .zzz
κάνουν διαφορετικά πράγματα. Ο πρώτος ψάχνει για ένα στοιχείο
που έχει ταυτόχρονα δύο κλάσεις, ενώ ο δεύτερος
- ψάχνει για ένα στοιχείο με την κλάση zzz, που βρίσκεται
μέσα σε ένα στοιχείο με την κλάση bbb.
Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:
h2.zzz {
color: red;
}
Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:
h2 .zzz {
color: red;
}
Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:
.bbb.zzz {
color: red;
}
Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:
.bbb .zzz {
color: red;
}
Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:
.bbb.zzz.xxx {
color: red;
}
Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:
.bbb .zzz.xxx {
color: red;
}
Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:
.bbb.zzz .xxx {
color: red;
}
Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:
.bbb .zzz .xxx {
color: red;
}
Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:
#elem.bbb {
color: red;
}
Πείτε, τι επιλέγει ο επιλογέας στον παρακάτω κώδικα. Στη συνέχεια, γράψτε κώδικα HTML, που ταιριάζει με αυτόν τον επιλογέα. Εδώ είναι ο κώδικας με τον επιλογέα:
#elem .bbb {
color: red;
}
