Selektory pseudoklas CSS
Używanie selektorów pseudoklas w arkuszach CSS (kolory odsyłaczy).
- Co to są pseudoklasy CSS?
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?
- Powtórka
CSS