14 lines
1.0 KiB
Markdown
14 lines
1.0 KiB
Markdown
|
# 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
|
||
|
|
<!-- Insert Outcome Image -->
|
||
|
|
|
||
|
|
### 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?
|