CSS: Różnice pomiędzy wersjami

Usunięta treść Dodana treść
Orajo (dyskusja | edycje)
Orajo (dyskusja | edycje)
→‎Pseudoelementy: Poprawienie pisowni pesudoelementów, dodanie rzykładu zapisu oraz poprawienie uwagi o kompatybilności (IE w zasadzie ich nie obsługuje)
Linia 120:
Selektory można rozszerzyć o tzw. pseudoelementy - które określają szczególne zastosowanie elementu. Wśród najważniejszych pseudoelementów wyróżniamy:
 
; <nowiki>:</nowiki>before : zawartość przed elementem
; <nowiki>:</nowiki>after : zawartość po elemencie
; <nowiki>:</nowiki>first-letter : pierwsza litera
; <nowiki>:</nowiki>first-line : pierwszy wiersz
; <nowiki>:</nowiki>first-child : element jest pierwszym dzieckiem swojego rodzica
; <nowiki>:</nowiki>last-child : element jest ostatnim dzieckiem swojego rodzica
 
Pseudoelementy występują w selektorze po dwukropku (:).
Linia 134:
Powyższy przykład powoduje, że zawartość pierwszej kolumny każdego wiersza w tabeli jest odsunięta od lewej strony o 2em.
 
Jeśli element określony jest dodatkową klasą to pseudoelement występuje do nazwie klasy:
Uwaga! Pseudoelementy first-child i last-child nie są jeszcze wspierane przez niektóre przeglądarki.
 
td.price:after {content: " PLN";}
 
Powyższy kod spowoduje automatyczne uzupełnienie każdej komórki zawierającej kwotę o oznaczenie waluty.
 
Uwaga! Pseudoelementy first-child i last-child nie są jeszcze wspierane przez niektóre przeglądarki, a szczególnie przez IE do wersji 6.
 
==== Pseudoklasy ====