Step 3

CSS Compound Rules

H2 Example - Parent Child

h2 {

font-weight:100;

font-size: 4em;

}

header h2 {

font-weight: 900;

font-size: 4em;

color: brown;

font-style: italic;

}

main h2 {

font-weight: 100;

font-size: 2em;

color:darkorange;

}

footer h2 {

font-weight: 300;

font-size: 1em;

color:aliceblue;

}

Span Tag

Meant for Individualizing specifics within paragraphs

Stylizing Links

Must be in the order of A, A Visited, A Hover, and A Active.

a {

font-size: 0.9em;

color: #A74731;

text-decoration: none;

font-weight: 300;

}

a:visited {

color: #A74731;

font-weight: bold;

}

a:hover {

color: #F1A748;

text-decoration: underline;

cursor: pointer;

}

a:active {

color: #A74731;

cursor: pointer;

font-weight: bold;

}