teaching machines

CS 318 Lab 17 – Pseudoselectors and Dropdowns

April 3, 2017 by . Filed under cs318, lectures, spring 2017.

Dear students,

Today’s lab is designed around something I saw in a lot of your mockups: dropdown navigation menus. There aren’t a lot of new ideas here, but application of old ones. So, I won’t talk much.

However, I did incorporate a few of the pseudoclass selectors that you met in CSS Diner. Let’s revisit some of those:

Here’s your TODO list:

See you next time!



First create a lab17 directory. Add a partners.html and include your first names and last initials.


Create in spenditures.html (sic) a table displaying a breakdown of the federal budget of the United States. It looks like this:

And it interacts with the viewer like this: