Exam 70-480 topic 4 question 70 discussion

Actual exam question from Microsoft's 70-480

Question #: 70
Topic #: 4

DRAG DROP -
You are creating an application by using HTML5 and CSS3. The styles for the pages are derived from five style sheets.
You need to order the style sheets by greatest CSS rule weight to lowest CSS rule weight.
In which order will the five style sheets be applied by the browser? To answer, move the style sheet types from the list of style sheet types to the answer area and arrange them in the order in which the browser will apply them. The first style sheet that the browser will apply must appear at the top of the list in the answer area.
Select and Place:

Show Suggested Answer

Suggested Answer:

References:
https://www.w3.org/TR/css-cascade-3/#importance

by mart123 at April 21, 2020, 7:56 p.m.

Comments

Submit Cancel

Eran

4 years, 11 months ago

The question contradicts itself. at the top it says to order starting from greatest css weight first, and then afterwards it says the opposite: sort in the order they will be applied (from lowest css weight first).

upvoted 3 times

...

mart123

5 years, 1 month ago

shouldn't it be ordered in the opposite direction? first user agent and user important is last? https://stackoverflow.com/a/32100396

upvoted 2 times

Alphasoldier

4 years, 11 months ago

The question asks to sort by greatest to lowest weight. I can only presume that means the one that overrides the most should be at the top. Generally speaking you order them with lightest first because of said overriding. Source: https://www.w3.org/TR/CSS21/cascade.html#cascading-order

upvoted 2 times

...