Testen Sie Ihre Fähigkeiten: The Cascade
Das Ziel dieses Fähigkeitstests ist es zu überprüfen, ob Sie universelle Eigenschaftswerte für das Steuern der Vererbung in CSS verstehen.
Hinweis: Sie können die Lösungen in den interaktiven Editoren auf dieser Seite oder in einem Online-Editor wie CodePen, JSFiddle oder Glitch ausprobieren.
Wenn Sie nicht weiterkommen, können Sie sich über einen unserer Kommunikationskanäle an uns wenden.
Aufgabe 1
In dieser Aufgabe möchten wir, dass Sie einen der speziellen Werte verwenden, die wir im Abschnitt Steuern der Vererbung betrachtet haben. Schreiben Sie eine Deklaration in einer neuen Regel, die die Hintergrundfarbe ohne die Verwendung eines tatsächlichen Farbwertes auf Weiß zurücksetzt.
Ihr Endergebnis sollte wie das untenstehende Bild aussehen:
Versuchen Sie, den Live-Code unten zu aktualisieren, um das fertige Beispiel nachzubilden:
Laden Sie den Ausgangspunkt für diese Aufgabe herunter, um in Ihrem eigenen Editor oder in einem Online-Editor zu arbeiten.
Aufgabe 2
In dieser Aufgabe möchten wir, dass Sie Ihre Änderungen anhand der Reihenfolge der Kaskadenebenen vornehmen. Bearbeiten Sie eine bestehende Deklaration, ohne die lightgreen-Deklaration zu verändern, und verwenden Sie die Reihenfolge der Kaskadenebenen, um die Links rebeccapurple zu machen.
Ihr Endergebnis sollte wie das untenstehende Bild aussehen:
Versuchen Sie, den Live-Code unten zu aktualisieren, um das fertige Beispiel nachzubilden:
Laden Sie den Ausgangspunkt für diese Aufgabe herunter, um in Ihrem eigenen Editor oder in einem Online-Editor zu arbeiten.