CSS: Różnice pomiędzy wersjami
Usunięta treść Dodana treść
→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
==== Pseudoklasy ====
|