Universal-Selektor

Teil des Abschnitts Styling with CSS der HTML-Journey von Coddy — Lektion 15 von 76.

Der Universalselektor ist ein mächtiger Selektor in CSS, der auf jedes HTML-Element auf einer Seite abzielt. Er wird durch ein Sternchen (*) dargestellt.

Bei Verwendung wendet der Universalselektor die angegebenen Stile auf alle Elemente an, unabhängig von ihrem Typ, ihrer Klasse oder ID. Dies kann nützlich sein, um globale Stile festzulegen oder Standardstile im gesamten Dokument zurückzusetzen.

Hier ist die grundlegende Syntax für die Verwendung des Universalselektors:

* {
    property: value;
}

Angenommen, Sie möchten beispielsweise die Standardtextfarbe und Schriftgröße für alle Elemente auf einer Seite festlegen. Sie können den Universal-Selektor wie folgt verwenden:

* {
    color: black;
    font-size: 14px;
}

Aufgabe

Einfach

Sie erhalten ein HTML-Dokument mit verschiedenen Elementen, darunter Überschriften (<h1>, <h2>), Absätze (<p>) und ein Bereich (<div>). Ihre Aufgabe ist es, den Universalselektor zu verwenden, um diese Elemente zu gestalten. Befolgen Sie die folgenden Schritte:

Schreiben Sie eine CSS-Regel unter Verwendung des Universalselektors, die die Textfarbe aller Elemente auf "darkgray" und die Schriftgröße auf 16 Pixel festlegt.

Spickzettel

Der Universalselektor spricht jedes HTML-Element auf einer Seite mit einem Sternchen (*) an:

* {
    property: value;
}

Beispiel für das Festlegen der globalen Textfarbe und Schriftgröße:

* {
    color: black;
    font-size: 14px;
}

Probier es selbst

<html>
<head>
    <title>Universal Selector</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a main heading</h1>
    <h2>This is a subheading</h2>
    <p>This is a paragraph.</p>
    <div>This is a division.</div>
</body>
</html>