CSS-cascade-Q&A

Question 1

What are the four components of “the Cascade”.

Answer 1

1. Source Order
2. Inheritance
3. Specificity
4. !important

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

Question 4

List the three selector types in order of increasing specificity.

Answer 4

1. Element name
2. Class
3. ID

Question 5

Why is using !important considered bad practice?

Answer 5

Hard to debug, hard to override, and can cause issues with cascading