Universalselektor

Teil des Abschnitts Styling mit 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, du möchtest beispielsweise die standardmäßige Textfarbe und Schriftgröße für alle Elemente auf einer Seite festlegen. Du kannst den universellen Selektor so verwenden:

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

Aufgabe

Einfach

Dir wird ein HTML-Dokument mit verschiedenen Elementen, einschließlich Überschriften (<h1>, <h2>), Absätzen (<p>) und einem Bereich (<div>), gegeben. Deine Aufgabe besteht darin, den universellen Selektor zu verwenden, um diese Elemente zu formatieren. Befolge die folgenden Schritte:

Schreibe eine CSS-Regel mit dem universellen Selektor, die die Textfarbe aller Elemente auf darkgray und die Schriftgröße auf 16 Pixel festlegt.

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>