Ostatnio edytowany:

Selektor uniwersalny

Autor: Virtual Patriot

Przeznaczenie selektora uniwersalnego

      * { ... }
    

Selektor uniwersalny odszukuje każdy element HTML.

Selektor uniwersalny tworzymy za pomocą znaku * (asterysk/gwiazdka).

Dodatkowe techniczne informacje 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

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak