Selektor uniwersalny
- Data publikacji
- Ostatnio edytowano
Przeznaczenie selektora uniwersalnego
* { ... }
Selektor uniwersalny odszukuje każdy element HTML.
Selektor uniwersalny tworzymy za pomocą znaku *
(asterysk/gwiazdka).
Informacje techniczne o selektorze uniwersalnym
- ograniczenie - elementy HTML
-
brak
- ograniczenie - właściwości CSS
-
brak
Przykładowa reguła CSS, selektor uniwersalny
* {
color:red;
}
Wyjaśnienie przykładowej reguły CSS
* { color:red; }
*
-
do każdego elementu HTML
color
-
dodaj właściwość CSS, która zmieni kolor tekstu elementu HTML
red
-
na barwę czerwoną
Kod źródłowy przykładowego dokumentu HTML
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
* {
color:red;
}
</style>
</head>
<body>
<div>
tekst znajdujący się w zawartości tego elementu "div" jest koloru czerwonego
</div>
<p>
tekst znajdujący się w zawartości tego elementu "p" jest koloru czerwonego
</p>
<p>
tekst znajdujący się w zawartości tego elementu "p" jest koloru czerwonego
</p>
tekst znajdujący się w zawartości tego elementu "body" jest koloru czerwonego
</body>
</html>
Rezultat
tekst znajdujący się w zawartości tego elementu "div" jest koloru czerwonego
tekst znajdujący się w zawartości tego elementu "p" jest koloru czerwonego
tekst znajdujący się w zawartości tego elementu "p" jest koloru czerwonego
tekst znajdujący się w zawartości tego elementu "body" jest koloru czerwonego
Interpretacja selektora uniwersalnego
-
tak
-
tak
-
tak
-
tak
-
tak
-
tak