odin-css-exercises/foundations/02-class-id-selectors/solution/solution.css

28 lines
561 B
CSS
Raw Permalink Normal View History

2021-08-29 16:22:54 -07:00
.odd {
background-color: rgb(255, 167, 167);
2022-03-14 12:37:27 -07:00
font-family: Verdana, "DejaVu Sans", sans-serif;
2021-08-29 16:22:54 -07:00
}
.adjust-font-size {
2021-08-29 16:22:54 -07:00
font-size: 24px;
}
#two {
color: #0000ff;
font-size: 36px;
}
/*
In the id selector 'four' below, we could have also
added a rule to set the font size to 24px.
However, since the elements 'Number 3' and 'Number 4'
in the HTML file share the same font size, we reused
the 'adjust-font-size' class above to help reduce
duplicate code.
*/
2021-08-29 16:22:54 -07:00
#four {
background-color: hsl(120, 100%, 75%);
font-weight: bold;
}