Transcript
Het mooie aan het web is dat het interactief is. Dus je kan een element bepaalde states geven met pseudo classes. Dus stel je hebt bijvoorbeeld een knopje, als je daar met je muis overheen hovered veranderd de achtergrond kleur. Die states kan je stylen met pseudo classes. Laten we er een paar bekijken.
- Ik heb hier een link element en die gaan we interactief maken. Als ik met m'n muis eroverheen ga gebeurd er niet zoveel. Als ik er een pseudo class opzet, daar zijn er meerdere van bijvoorbeeld :hover en ik pas de css aan zie je dat als ik nu met m'n muis eroverheen ga de kleur veranderd.
- Een andere pseudo class is :focus. Dat is als je er met een toetsenbord naartoe tabt. Je hebt bijvoorbeeld vast wel eens een online formulier ingevuld en dan ga je met tab door alle velden heen. Ook die kan ik stylen.
Zo kan je heel makkelijk op een website aangeven op welke elementen je bijvoorbeeld kan klikken. Wat je wel moet beseffen is dat iets op :hover bijvoorbeeld alleen werkt met een muis. Dus als je op mobiel zit heb je bijvoorbeeld geen hover.