5 hands-on exercises and 5 find-the-bug challenges for the CSS Pseudo Classes lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Make the first .card red using :first-child.
Use :nth-child(1) to target the first card.
Colour every div that is not #one blue.
Target the first paragraph inside #one.
Target the first child that is not a paragraph.
Pseudo-classes use one colon, but this one is misspelled.
:nth-child() counts from 1, not 0.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceThis excludes the wrong element.
The rule picks the span; the first paragraph was intended.
A double colon marks a pseudo-element, not a pseudo-class.