Skip to main content
Mr. Helland
  • Home
  • Calendar
  • More
English
Deutsch English Español Français Tiếng Việt Русский العربية 简体中文
You are currently using guest access
Log in
Mr. Helland
Home Calendar
Expand all Collapse all
  1. Web Design
  2. 3️⃣ Changing Appearance
  3. 14: CSS Selectors I

14: CSS Selectors I

Completion requirements
Make a submission
Due: Monday, December 1, 2025, 2:00 AM

Target Icon Learning Target

  • Use CSS selectors to choose desired parts of a page


Pencil Icon Instructions

Step 1: 

Visit this page:
https://static.mrhelland.com/css-diner/ 

This is a mirror of a website that sometimes gets blocked:
https://flukeout.github.io/

This is a whimsical approach to learning the different ways you can select different parts of the page to apply styles.

 

Step 2:

For each level, enter the selector that chooses the moving objects on the table.
Note: There are no HTML5 plate, bento, orange, apple, or pickle tags in HTML5. This is just to be a bit whimsical.

 

Step 3:

Anytime to leave the game or when you finish, take a screenshot. The screenshot must show these two things:

  • Current URL
  • Level progress (click the ≡ to open this)
  • Your account icon in the top corner of Chrome

For example:


Grading Grading

  If you complete... Your grade...

Extended

  • Levels 21 through 32

A+

Exceptional

  • Through level 20
A

Good

  • Through level 17
B

Reasonable

  • Through level 14
C

Needs Improvement

  • Through level 11
D

Insufficient

  • 10 or fewer levels
F
Scores may be rounded to the nearest whole number.

◄ Unit 2 Test
Color Blindness ►
You are currently using guest access (Log in)
Get the mobile app
Powered by Moodle