Learn CSS / Fundamentals

Pseudo-classes

Access full course

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.

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.