Universalselektoren
Lektion 6 von 15 im Kurs CSS Selectors von Coddy.
Der Universalselektor ist ein spezieller Typ von CSS-Selektor, der alle Elemente auf einer Webseite auswählt. Er wird durch ein Sternchen (*) gekennzeichnet.
Zum Beispiel wählt der Selektor * alle Elemente auf der Seite aus.
Hier ist ein Beispiel dafür, wie man einen Universalselektor verwendet, um eine Webseite zu gestalten:
* {
color: red;
font-size: 2em;
}Diese CSS-Regel wird alle Elemente auf der Seite so gestalten, dass sie rot sind und eine Schriftgröße von 2em haben.
Wann sollte man Universalselektoren verwenden?
Universalselektoren können verwendet werden, wenn Sie alle Elemente auf einer Webseite gestalten möchten. Zum Beispiel könnten Sie einen Universalselektor verwenden, um die Schriftgröße aller Elemente auf der Seite auf 16px festzulegen.
Universalselektoren können auch verwendet werden, um Elemente zu gestalten, denen keine anderen Selektoren zugewiesen wurden. Wenn Sie beispielsweise eine Webseite mit vielen div-Elementen haben, aber keinem davon Klassen- oder ID-Attribute zugewiesen haben, könnten Sie einen Universalselektor verwenden, um alle div-Elemente zu gestalten.
Aufgabe
Einfach- Erstellen Sie eine Webseite mit zwei
div-Elementen. - Geben Sie keinem der
div-Elemente Klassen- oder ID-Attribute. - Verwenden Sie einen Universal-Selektor, um alle
div-Elemente so zu gestalten, dass sie red sind und eine Schriftgröße von 80px haben.
Probier es selbst
<html>
<head>
<title>Universal Selector Exercise</title>
<style>
/* CSS Code goes here */
</style>
</head>
<body>
</body>
</html>