Exam 70-480 All Questions

View all questions & answers for the 70-480 exam

Exam 70-480 topic 2 question 36 discussion

Actual exam question from Microsoft's 70-480

Question #: 36
Topic #: 2

HOTSPOT -
You are reviewing the CSS markup for an HTML5 page that displays a news article. The CSS markup for the page is as follows:

The HTML markup for the page is as follows:

For each statement in the table, select Yes if the code segments above causes the page to behave as described. Select No if it does not. Make only one selection in each column.
Hot Area:

Show Suggested Answer

Suggested Answer:

by Etnic at Nov. 12, 2019, 1:50 p.m.

Comments

Submit Cancel

MrEngineer

Highly Voted 5 years, 5 months ago

Answer No,No,No,Yes

upvoted 13 times

...

leoxrc

Highly Voted 5 years, 3 months ago

No, No, Yes, Yes, see: https://jsfiddle.net/Lt0hkozc/1/

upvoted 5 times

TeamEcko

5 years, 3 months ago

No, you had an error on line 16 causing the text to stay yellow. The correct answer is No, No, No, Yes. See: https://jsfiddle.net/xwLn623u/

upvoted 6 times

...

KyryIx

5 years, 3 months ago

I think equal to you, but yes No, No, No, Yes, because aside h4 { font-style: italic !important; color: yellow; } article h4 { font-style: normal; color: sienna; } but if make article h4 { font-style: normal; color: sienna; } aside h4 { font-style: italic !important; color: yellow; } the h4 in aside is yellow.

upvoted 3 times

Bennyseems

5 years, 2 months ago

Correct. And the reasoning behind this is that both of these rules have the same specificity, of 2 (one for each element, “article”, “aside”, or “h4”). And in the case of rules with the same specificity, the last rule wins. https://www.w3schools.com/css/css_specificity.asp If we were to keep the original ordering, but add an additional element designation, as shown below, then the text would be yellow (because this rule would now have a specificity of 3). article aside h4 { font-style: italic !important; color: yellow; }

upvoted 3 times

...

alexcode

4 years, 5 months ago

Error in jsfiddle

upvoted 1 times

...

ilopepa

Most Recent 4 years, 8 months ago

No,No,No,Yes. CSS order of precedence is as follows (ascending) : 1) Inherited Styles 2)* 3)Element 4) Attribute (attribute with value > attribute) 5)Class 6) ID 7) Combined Selectors (div#myid > #myid, but div p < #myid) 8)CSS properties set directly on element, inside style attribute

upvoted 2 times

...

ethemyapar

4 years, 8 months ago

no,no,no,yes