odin-css-exercises/foundations/02-class-id-selectors/README.md
2021-08-28 18:25:48 -04:00

1 KiB

Class and ID Selectors

Knowing how to add class and ID attributes to HTML elements, as well as use their respective selectors, is invaluable, and it's important to practice using them.

There are several elements in the HTMl file provided, which you will have to add either class or ID attributes to as noted in the outcome image below. You will then have to add rules in the CSS file provided using the correct selector syntax. Look over the outcome image carefully, and try to keep in mind what elements look similarly styled (classes), which ones may be completely unique from the rest (ID), and which ones have slight variations from others (multiple classes).

It isn't entirely important what class or ID values you use, as the focus here is being able to add the attributes and use the correct selector syntax to style elements.

Desired Outcome

Self Check

  • Do the odd numbered div elements share a class?
  • Do the even numbered div elements have unique ID's?
  • Does the 3rd div element have multiple classes?