Dodatek B. Selektory, pseudoklasy oraz pseudoelementy

Selektory

Selektor uniwersalny

Selektor ten dopasowuje dowolną nazwę elementu w języku dokumentu. Jeśli reguła nie zawiera jawnego selektora, domyślnie stosowany jest selektor uniwersalny.

Wzorzec: *

Przykłady:

* {color: red;}
div * p {color: blue;}

Selektor typów

Selektor ten dopasowuje nazwę elementu w języku dokumentu. Dopasowane zostaje każde wystąpienie nazwy elementu. W specyfikacji CSS1 nazywany był selektorem elementów (ang. element selector).

Wzorzec: element1

Przykłady:

body {background: #FFF;}
p {font-size: 1em;}

Selektor potomny (kontekstualny)

Pozwala on autorowi na wybranie elementu w oparciu o jego status jako potomka innego elementu. Dopasowany element może być dzieckiem, wnukiem, prawnukiem ...

Get CSS. Kaskadowe arkusze stylów. Przewodnik encyklopedyczny. Wydanie III now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.