css-cascade

Question 1

What are the four components of “the Cascade”.

Answer 1

inheritance, source order, specificity,

Question 2

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

Answer 2

the order in which code is displayed in a style sheet

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

because of the inheritance property. mostly used for font stuff. browser put a lot of emphasis on making ealing w text easier. if there was no inheritance we would have to apply font styles to every text element.

Question 4

List the three selector types in order of increasing specificity.

Answer 4

TYPE > CLASS > ID

specificity: its basic math
a score based on whats included in your selector
0 -1 - 2 vs 0 - 2 - 0 , think of this as ones place tens place, hundreds etc
its based on how specifically your are targeting that element

Question 5

Why is using !important considered bad practice?

Answer 5

it’s a cheat code that forces styling to supersede previous styling. and if you want to make changes to that, you will need to keep using !important