Learn CSS / Fundamentals
Pseudo-classes
Access full course
Pro
- Full downloadable lessons.
- Ready-to-use code.
- Full refund within 30 days.
- Challenges based on real projects.
- Quiz tests.
- Future updates.
Master
- Full downloadable lessons.
- Ready-to-use code.
- Full refund within 30 days.
- Challenges based on real projects.
- Quiz tests.
- Future updates.
- 1 Hour online tutoring session.
- 20% discount on future courses.
Ready-to-use code
CSS Selectors / Pseudo-classes / Dynamic
See the Pen CSS Fundamentals / Selectors / Pseudo-classes / Dynamic by In a Rocket (@inarocket) on CodePen.
CSS Selectors / Pseudo-classes / Target & lang
See the Pen CSS Fundamentals / Selectors / Pseudo-classes / Target & lang by In a Rocket (@inarocket) on CodePen.
CSS Selectors / Pseudo-classes / Lang
See the Pen CSS Fundamentals / Selectors / Pseudo-classes / Lang by In a Rocket (@inarocket) on CodePen.
CSS Selectors / Pseudo-classes / UI element states
See the Pen CSS Fundamentals / Selectors / Pseudo-classes / UI element states by In a Rocket (@inarocket) on CodePen.
CSS Selectors / Pseudo-classes / Structural
See the Pen CSS Fundamentals / Selectors / Pseudo-classes / Structural by In a Rocket (@inarocket) on CodePen.
CSS Selectors / Pseudo-classes / Negation
See the Pen CSS Fundamentals / Selectors / Pseudo-classes / Negation by In a Rocket (@inarocket) on CodePen.
Best books to learn CSS

CSS: The Definitive Guide: Visual Presentation for the Web by O'Reilly Media

HTML and CSS: Design and Build Websites by John Wiley & Sons

CSS: The Missing Manual by O'Reilly Media

CSS Visual Dictionary by Independently published
What you have learned
- How a pseudo-class selects an element with a special state specified by a keyword.
- Pseudo-classes: dynamic, target & language, UI element styles, structural and negation.
- How to style links in CSS.
- Style content based on the language.
- How to style enabled, disabled and checked elements.
- Style elements depending on their position in the DOM.
- How to style elements that do not match a list of selectors.
References
Newsletter
- Free Stuff. Exclusive access to new courses, latest news and free resources.
- No spam. Just real content that's meant to make a difference.