Work in progress

Learn Specificity

Properties

Cascade

Define the cascade and explain why it's called Cascading Style Sheets

Inline Styles

Explain how inline styles will beat out other selectors

Advanced Selectors

Combined

If you need more precision in how to select elements and apply CSS rules to them, then you can combine different types of selectors. For example, combine both element and class selectors to target subsets of elements. For example, displaying priority items inside of a list.

HTML
CSS

Display
  • Find a water supply
  • Choose a location
  • Build connecting roads

Hierarchy

Define hiearchies by putting a space between selectors:

HTML
CSS
Display

In Alex Proyas Dark City, Dr. Schreber's opening lines set the tone for the film, First came darkness, then came the strangers.

And the resulting display of quotes inside of paragraph elements in the document will be italicized, as you see above.

Pseudo-class

Back Next: Beyond Basics