Command Palette

Search for a command to run...

Hectal
Phase 2: The Cascade, Specificity and Inheritance
CSS · Exercise 4 of 6 PreviousNext
Intermediate

End the ID war in a menu

The current page's link (.active) should be dark orange and bold, but it stays gray: the #nav a rule is too strong.

Rewrite the CSS so it uses no ID selectors and **no !important**. Normal links stay gray; the active link is dark orange (darkorange) and bold. Don't change the HTML.

What Check tests

  1. The active link is dark orange
  2. The active link is bold
  3. The other links are gray and not underlined
  4. No ID selector is used
  5. No !important is used

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.