Selektory pseudoklas

Korzeń

(CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome)

:root { cecha: wartość }

Każdy dokument (X)HTML ma w drzewie dokumentu dokładnie jeden korzeń, tzn. element najbardziej nadrzędny, który nie ma żadnego rodzica, za to zawiera w sobie (bezpośrednio lub poprzez zagnieżdżenie) wszystkie inne elementy dokumentu. W języku (X)HTML korzeniem jest zawsze element HTML, zatem selektor ten jest w tym przypadku raczej mało przydatny, ponieważ ten sam efekt uzyskamy poprzez użycie najprostszego selektora typu:

html { cecha: wartość }

Nie zapominajmy jednak, że CSS nadaje się do stylizowania również dokumentów XML, gdzie nie ma żadnego wymogu co do nazwy elementu-korzenia.

Przykład:

Po wpisaniu w arkuszu stylów:

:root p { color: red }

a w dowolnym miejscu strony:

<p>To jest akapit</p>

powinniśmy otrzymać tekst koloru czerwonego:

To jest akapit

• Pusty element
• Pseudoklasy cykliczne

• Do góry
• Strona główna
• Drukuj rozdział
• Komentarze