CSS Unit 1

Question 1

Define CSS Cascade.

Answer 1

The CSS Cascade is the algorithm by which the browser decides which CSS styles to apply to an element — a lot of people like to think of this as the style that “wins”.

Question 2

List the order in which CSS declarations cascade

Answer 2

Origin & Importance
Selector Specificity
Source Order
Initial & Inherited Properties (default values)

Question 3

As far as Origin and Importance go list the 3 tiers of origin form Highest to Least. And what is “Importance”?

Answer 3

Author
User
User-Agent
“Importance” is used as a value “!important” to override any CSS in the algorithm

Question 4

List in order Selector Specificity from highest to least.

Answer 4

Inline styles (anything inside a style tag)
ID selectors
Classes / pseudo-selectors
Type selectors (for example, h1) & pseudo-elements (::before)

Question 5

Define CSS Source Order

Answer 5

If two selectors would have the same specificity, the declaration that came last wins!

Question 6

Define Initial and Inherited properties

Answer 6

Inherited properties will trickle down from parent elements to child elements