CSS / Selektory pseudoklas
W tym rozdziale dowiesz się...
Używanie selektorów pseudoklas w arkuszach CSS (kolory odsyłaczy).
- Co to są pseudoklasy?
Do czego przydają się pseudoklasy CSS?
- Odsyłacz podstawowy :LINK
Jak zmienić wygląd odsyłaczy (odnośników hipertekstowych, hiperłączy, linków)?
- Odsyłacz odwiedzony :VISITED
Jak zmienić wygląd odwiedzonych odsyłaczy (odnośników hipertekstowych, hiperłączy, linków)?
- Aktywacja :ACTIVE
Jak zmienić wygląd aktywnych elementów - np. odsyłaczy (odnośników hipertekstowych, hiperłączy, linków)?
- Wskazanie myszką :HOVER
Jak zrobić podświetlany link (odsyłacz, odnośnik hipertekstowy, hiperłacze)?
- Zogniskowanie :FOCUS
Jak zmienić wygląd pola tekstowego formularza po wybraniu przez użytkownika?
- Atrybut języka :LANG
W jaki sposób zmienić wygląd elementów, zawierających tekst w wybranym języku?
- Pierwsze dziecko :FIRST-CHILD
Jak zmienić wygląd pierwszego elementu dziecka, znajdującego się wewnątrz znacznika rodzica?
- Ostatnie dziecko :LAST-CHILD
Jak zmienić wygląd ostatniego elementu dziecka, znajdującego się wewnątrz znacznika rodzica?
- Jedyne dziecko :ONLY-CHILD
Jak zmienić wygląd elementu dziecka, który nie ma braci?
- Pseudoklasy typu :FIRST-OF-TYPE, :LAST-OF-TYPE, :ONLY-OF-TYPE
W jaki sposób zmienić wygląd tylko pierwszego elementu określonego typu?
- Etykieta :TARGET
Jak zmienić wygląd odnośników (odsyłaczy, linków) do etykiety (kotwica)?
- Blokada :DISABLED, :ENABLED
Jak zmienić wygląd pól (kontrolek) formularza, które są zablokowane (wyszarzone)?
- Tylko do odczytu :READ-ONLY, :READ-WRITE
Jak zmienić wygląd pól (kontrolek) formularza, które są zablokowane do zapisu?
- Zaznaczenie :CHECKED
Jak zmienić wygląd pól (kontrolek) formularza, które są zaznaczone?
- Domyślne :DEFAULT
Jak zmienić wygląd domyślnego przycisku formularza lub domyślnej opcji do wyboru?
- Pusty element :EMPTY
W jaki sposób zmienić sposób formatowania elementów, które nie zawierają żadnej treści?
- Korzeń :ROOT
W jaki sposób za pomocą CSS odnieść się do korzenia drzewa dokumentu?
- Pseudoklasy cykliczne :NTH-CHILD, :NTH-LAST-CHILD, :NTH-OF-TYPE, :NTH-LAST-OF-TYPE
Jak zmienić wygląd parzystych lub nieparzystych wierszy tabeli? Jak pokolorować co trzeci wiersz?
- Negacja :NOT
W jaki sposób zmienić wygląd wszystkich elementów z wyjątkiem podanych?
- Łączenie selektorów
W jaki sposób połączyć kilka selektorów w jednej regule stylów CSS? Jak zmienić obramowanie obrazka po wskazaniu myszką? Jak dodać ciekawie wyglądający tekst po wskazaniu myszką?
- Szczegółowość selektorów
Jak określić ważność różnych selektorów w tym samym arkuszu stylów, odnoszących się do tych samych elementów i własności?