Universalselektor

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

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

Der Universalselektor wendet die angegebenen Stile auf alle Elemente an, unabhängig von ihrem Typ, ihrer Klasse oder ihrer ID. Browser wenden ihre eigenen Standardstile vor deinen an (zum Beispiel Abstände um Überschriften und Absätze sowie Innenabstände bei Listen), daher ist der Universalselektor nützlich, um globale Stile festzulegen oder diese Browser-Standards im gesamten Dokument zurückzusetzen.

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

* {
    property: value;
}

Angenommen, du möchtest beispielsweise die Standardtextfarbe und Schriftgröße für alle Elemente auf einer Seite festlegen. Du kannst den universellen Selektor wie folgt verwenden:

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

Aufgabe

Einfach

Dir wird ein HTML-Dokument mit verschiedenen Elementen gegeben, darunter Überschriften (<h1>, <h2>), Absätze (<p>) und ein Bereich (<div>). Deine Aufgabe ist es, diese Elemente mit dem universellen Selektor zu formatieren. Folge den folgenden Schritten:

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>