CSS: Advanced Selectors Exercise

In this exercise, you'll turn a boring table into an exciting table using selectors and basic properties. It's going to be hot, hot, hot!

  1. Download this webpage into a folder.
  2. Add a rule that will make the first row of the table bold.
  3. Add a rule that will make the first cell in each data row have a red background.
  4. Add a rule that will "zebra stripe" the backgrounds of the rows, alternating between white and #eee.
  5. Add a rule that will turn the label red when the checkbox is clicked.
  6. Add a rule that will make the first letter of the pepper name huge.
  7. Add a rule that will find any pepper with hotness above 1 billion and color the link red.

In the end, your table should look like this screenshot: