css-cascade

Question 1

What are the four components of “the Cascade”.

Answer 1

Source order, inheritance, specificity and !important.

Question 2

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

Answer 2

the order that your CSS rules are written in your stylesheet

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

They are inherited.

Question 4

List the three selector types in order of increasing specificity.

Answer 4

1. Type selectors(e.g.,h1) and pseudo-elements (e.g.,::before).
   
   2. Class selectors(e.g.,.example), attributes selectors (e.g.,[type=”radio”]) and pseudo-classes (e.g.,:hover).
   3. ID selectors(e.g.,#example).

Question 5

Why is using!importantconsidered bad practice?

Answer 5

because it makes debugging more difficult by breaking the naturalcascadingin your stylesheets