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 have different background color.
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:

Show Solution