Fehler bei der Verwendung mehrerer CSS-Selektoren
Ich erinnere an einen typischen Anfängerfehler: Der Selektor
.bbb.zzz und der Selektor .bbb .zzz
machen unterschiedliche Dinge. Der erste sucht nach einem Element,
das gleichzeitig beide Klassen hat, und der zweite
- sucht nach einem Element mit der Klasse zzz, das sich
innerhalb eines Elements mit der Klasse bbb befindet.
Erklären Sie, was der Selektor im unten angegebenen Code auswählt. Schreiben Sie dann HTML-Code, der zu diesem Selektor passt. Hier ist der Code mit dem Selektor:
h2.zzz {
color: red;
}
Erklären Sie, was der Selektor im unten angegebenen Code auswählt. Schreiben Sie dann HTML-Code, der zu diesem Selektor passt. Hier ist der Code mit dem Selektor:
h2 .zzz {
color: red;
}
Erklären Sie, was der Selektor im unten angegebenen Code auswählt. Schreiben Sie dann HTML-Code, der zu diesem Selektor passt. Hier ist der Code mit dem Selektor:
.bbb.zzz {
color: red;
}
Erklären Sie, was der Selektor im unten angegebenen Code auswählt. Schreiben Sie dann HTML-Code, der zu diesem Selektor passt. Hier ist der Code mit dem Selektor:
.bbb .zzz {
color: red;
}
Erklären Sie, was der Selektor im unten angegebenen Code auswählt. Schreiben Sie dann HTML-Code, der zu diesem Selektor passt. Hier ist der Code mit dem Selektor:
.bbb.zzz.xxx {
color: red;
}
Erklären Sie, was der Selektor im unten angegebenen Code auswählt. Schreiben Sie dann HTML-Code, der zu diesem Selektor passt. Hier ist der Code mit dem Selektor:
.bbb .zzz.xxx {
color: red;
}
Erklären Sie, was der Selektor im unten angegebenen Code auswählt. Schreiben Sie dann HTML-Code, der zu diesem Selektor passt. Hier ist der Code mit dem Selektor:
.bbb.zzz .xxx {
color: red;
}
Erklären Sie, was der Selektor im unten angegebenen Code auswählt. Schreiben Sie dann HTML-Code, der zu diesem Selektor passt. Hier ist der Code mit dem Selektor:
.bbb .zzz .xxx {
color: red;
}
Erklären Sie, was der Selektor im unten angegebenen Code auswählt. Schreiben Sie dann HTML-Code, der zu diesem Selektor passt. Hier ist der Code mit dem Selektor:
#elem.bbb {
color: red;
}
Erklären Sie, was der Selektor im unten angegebenen Code auswählt. Schreiben Sie dann HTML-Code, der zu diesem Selektor passt. Hier ist der Code mit dem Selektor:
#elem .bbb {
color: red;
}