You need to apply the appropriate CSS rules to meet the…

You develop an HTML5 webpage with custom CSS. You have the following HTML markup:
<div class=”new” Item”>…</div>
You have the following requirements:
In addition to your CSS, you must use a corporate branded stylesheet named corporate.css.
The corporate.css file contains the style rule that must be used for .newsItem.
You must use the corporate.css file to ensure that the webpage changes when the brand changes.
You must add additional style rules to the webpage.
You cannot modify the corporate.css file.
You need to apply the appropriate CSS rules to meet the requirements.
What should you do?

You develop an HTML5 webpage with custom CSS. You have the following HTML markup:
<div class=”new” Item”>…</div>
You have the following requirements:
In addition to your CSS, you must use a corporate branded stylesheet named corporate.css.
The corporate.css file contains the style rule that must be used for .newsItem.
You must use the corporate.css file to ensure that the webpage changes when the brand changes.
You must add additional style rules to the webpage.
You cannot modify the corporate.css file.
You need to apply the appropriate CSS rules to meet the requirements.
What should you do?

A.
Add a CSS class named .newsItemUpdates to the webpage, add only the new styles to this class, and
update the class attribute of the HTML markup:
<div class=nnewsltem newsItemUpdates”>..,</div>

B.
Update the corporate.css file to include! important for each rule for the .newsItem. class, and add the new
CSS rules to the webpage by using the CSS class .newsItem.

C.
Add a CSS class named .newsitemUpdates to the webpage, add the new styles to this class, and update
the HTML markup to replace the .newsItem class with this new class:
<div class*”newsItemOpdates”>…</div>

D.
Add the new CSS rules to the webpage by using the CSS class .newsItem, and add! important to each rule.

Explanation:
CSS attempts to create a balance of power between author and user style sheets. By default, rules in an
author’s style sheet override those in a user’s style sheet.
However, for balance, an “!important” declaration (the delimiter token “!” and keyword “important” follow the
declaration) takes precedence over a normal declaration. Both author and user style sheets may contain
“!important” declarations, and user “!important” rules override author “!important” rules. This CSS feature
improves accessibility of documents by giving users with special requirements (large fonts, color combinations,
etc.) control over presentation.
Incorrect Answers:
B: It is stated that you are not allowed to update the corporate.css file.
Assigning property values, Cascading, and Inheritance, !important rules



Leave a Reply 4

Your email address will not be published. Required fields are marked *


Mke

Mke

is it correct?

S

S

I think it is correct.

KT

KT

A is feasible but it doesn’t guarantee that new styles will be applied.
B is wrong as you can modify the corporate.css.
C is wrong as it is removing the current class which might have other impacts.
D seems to be correct.

Michał

Michał

Requirement : The corporate.css file contains the style rule that must be used for .newsItem.

If we use option D the style from corporate.css will be overriden.

Please check it.

I think option A is correct.