Selector Showdown


When two CSS selectors go head to head, it's up to you to judge which one will win out! Keep ranking up as you learn all about CSS specificity, and you'll face tougher and tougher showdowns. By the final level, you'll be a true master.

Learning Objectives

Learn about how different types of CSS selectors affect specificity, including elements; classes; IDs; pseudoclasses such as :not() and :hover(); and pseudoelements such as ::before and ::first-line.

Learn the difference between the new pseudoclasses :is() and :where() when it comes to specificity.


You should be familiar with the basics of CSS selectors. Play-through of CSS Scoops and Nth Cart first is recommended.

More Games

Get the latest updates

Enter your email to hear about new games and exclusive offers.

You can unsubscribe at any time.