The Cascade

What is essential to know exactly how styles are rendered. Specifically, how different types of selectors work and how the order of those selectors can affect how our styles are rendered.

It is also important to understand a few common property values that continually appear within CSS, particularly those that deal with colour and length.

Let's begin by breaking down exactly how styles are rendered by looking at what is known as the cascade and studying a few examples of the cascade in action. Within CSS, all styles cascade from the top of a style sheet to the bottom, allowing different styles to be added or overwritten as the style sheet progresses.