NSS Exercise: CSS Selectors

Description:

Experiment with different CSS select methods to meet exercise specs

1. The header element should have a 1px border. Color, you pick.
2. Convert the ul in the navigation element into a series of horizontal links with # as the href value, without bullets, and have some space between them horizontally.
3. Ensure that the navigation is semantically marked as such (i.e. wrap it in the correct HTML tag).
4. Any text in an element with class "disabled" should be colored grey, unless it is inside an anchor tag. If inside an anchor, it should be colored purple.
5. Any text inside an element with a class of "active" should be colored yellow.
6. Section elements should be contained within an article element.
7. There are two missing closing tags in this document. Make sure you add them back in.
8. Make the "I'm red" text colored red
9. Make the "I'm blue" text colored blue
10. The sibling h4 of the red element should have a background color of red
11. The sibling h4 of the blue element should have background color of blue
12. Any h4 that is a direct child of grandparent should have a 1px border with rounded corners.
13. Elements with a class of promo should have bold text that is also colored gold.
14. Without adding any other attributes to the input fields in the footer, write a CSS selector that makes any text input field have a height of 25px.

Final Result:

An obviously ugly MVP. HTML was provided.

How to run:

http-server -p 8080

This will show at: http://localhost:8080

Contributors:

Callan Morrison