Selektor uniwersalny w CSS zapisuje się jako *. Oznacza on: „wybierz wszystkie elementy dokumentu HTML”. Reguła z takim selektorem jest stosowana do każdego elementu strony, o ile nie zostanie nadpisana przez inne reguły CSS.
Przykład
* {
font-family: Tahoma;
color: Teal;
}
Powyższy zapis ustawia dla wszystkich elementów domyślnie:
- krój czcionki Tahoma,
- kolor tekstu Teal.
Nie oznacza to jednak, że tych wartości nie można zmienić później. Jeśli w arkuszu pojawi się bardziej szczegółowa reguła, może ona nadpisać formatowanie:
p {
color: red;
}
Wtedy akapity <p> będą czerwone, mimo że wcześniej selektor * ustawił kolor Teal.
Czym * nie jest?
Selektor * nie oznacza:
- elementu o identyfikatorze równym * — selektor ID zapisuje się z #, np. #baner,
- elementu z klasą równą * — selektor klasy zapisuje się z kropką, np. .menu.
Ważne na egzaminie
W pytaniach INF.03 zapis:
* { ... }
należy rozumieć jako regułę dotyczącą całego dokumentu HTML, czyli wszystkich elementów strony, jako formatowanie domyślne. Nie jest to formatowanie absolutne — może zostać zmienione przez późniejsze lub bardziej szczegółowe reguły CSS.