01. Selektor uniwersalny

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

*

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>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

Interpretacja selektora uniwersalnego

PreviousSELEKTORY - CSS Next02. Selektor typu elementu

Last updated 1 month ago

hashtagPrzeznaczenie selektora uniwersalnego

hashtagInformacje techniczne o selektorze uniwersalnym

hashtagPrzykładowa reguła CSS, selektor uniwersalny

hashtagWyjaśnienie przykładowej reguły CSS

hashtagKod źródłowy przykładowego dokumentu HTML

hashtagRezultat

hashtagInterpretacja selektora uniwersalnego