class_and_id_selectors_fcc

Class and ID Selectors | CSS, HTML | Foundations The_Odin_Project Remix (CSS, HTML) | 03/06 | freeCodeCamp | 2024

CSS Foundations Exercise B

Objective: There are several elements in the HTML file provided, which you will have to add either class or ID attributes to. You will then have to add rules in the CSS file provided using the correct selector syntax.

User Stories

1. You should see a yellow background for all odd numbered elements in the list.

2. You should have a class selector used for all odd numbered elements in the list.

3. You should see that the second element in the list has blue text and a font-size of 36px.

4. The font-size and text color on the second element should be set by using an id attribute.

5. You should see that the third element in the list has a font-size of 24px.

6. The font-size on the third element should be set by using a class attribute.

7. You should see that the fourth element in the list has a red background, a font-size of 24px, and a font-weight of bold.

8. The font-size of the fourth element should be set with a class attribute. The font-weight and the color should be set with an id attribute.