CSS Selectors: Student Exercise

1. Element Selector

This paragraph should be dark gray.

2. Class Selector

This paragraph should have a yellow background and be bold.

3. ID Selector

This text should be green and italic.

4. Descendant Selector

5. Child Selector

• This item should be purple.
• So should this one.

6. Grouping Selector

This paragraph and the heading above should be teal.

7. Pseudo-class: :first-child

• This list item should be bold.
• This one should be normal.

8. Pseudo-class: :hover

9. Attribute Selector

10. Universal Selector

All elements should have box-sizing: border-box applied.