Command Palette

Search for a command to run...

Hectal
Phase 1: Selectors
CSS · Exercise 3 of 5 PreviousNext
Beginner

Style links by where they go

Use attribute selectors only (no new classes):

Links whose href starts with https:// are seagreen. Links to PDF files are bold, whatever the case of .pdf. mailto: links are italic. Relative links (like /css) keep the default colour.

What Check tests

  1. The https link is seagreen
  2. The relative link keeps its default colour
  3. notes.pdf is bold
  4. REPORT.PDF is bold too
  5. Non-PDF links are not bold
  6. The email link is italic

Stuck? One hint at a time

The solution unlocks after your first Check. Try first: that is where the learning happens.

Runs in your browser. Your code is saved here.

Your page

Press Run to see the page.

Console

Nothing logged yet.