CSS-CASCADE

Question 1

What are the four components of “the Cascade”?

Answer 1

The four components of "the Cascade" are:
(Priority order [Highest to Lowest])
1. !important
2. Specificity
3. Source Order
4. Inheritance

Question 2

What does the term “source order” mean with respect to CSS?

Answer 2

The order CSS property sets the order to lay out an item in a flex or grid container. Items in a container are sorted by ascending order value and then by their source code order.

Question 3

How is it possible for the styles of an element to be applied to its children as well without an additional CSS rule?

Answer 3

Inheritance makes it possible for the styles of an element to be applied to its children as well without an additional CSS rule.

Question 4

List the three selector types in order of increasing specificity.

Answer 4

The three selector types in order of increasing specificity are:

1. element name
2. class
3. id

Question 5

Why is using !important considered bad practice?

Answer 5

Using “!important” is bad practice because it’s too powerful!