A developer wants to add a decorative icon before every link that has a class 'external'. The icon should be inserted via CSS, not in the HTML. Which CSS rule accomplishes this?

a.external::after { content: '🔗'; }

a.external { content: '🔗'; }

a.external:before { content: '🔗'; }

a.external::before { content: '🔗'; }

A stylesheet has the following rules for a paragraph: p { color: red; } and .intro { color: blue; }. The paragraph has class 'intro'. Which color will be applied?

The last rule in the stylesheet wins

Given the following CSS rules, which one will be applied to a element with id='main' and class='content'? Rules: #main { color: green; } .content { color: red; } div { color: blue; }

It depends on the order of the rules

A developer sets the font-family on the element. They want all text inside the page to use that font, but they notice that some elements, like , do not inherit the font. What is the best way to ensure buttons use the same font?

Use the universal selector * { font-family: inherit; }

Set font-family on every element individually

Set font-family on the button element explicitly

Use the inherit keyword on the body

LPI Web Development Essentials

Domain 3Objective 2

033.2 CSS Selectors and Style Application (weight: 3) WEB-DEVELOPMENT-ESSENTIALS Practice Questions (Page 8)

Part of the 033 CSS Content Styling domain, which makes up ~25% of our current practice bank. Linux Professional Institute does not publish an official question count, but from its 60-minute exam (~25–40 total, ~6–10 in this domain), expect 2–3 from this objective — we provide 55 practice questions to prepare you well beyond it. (estimate)

55questions here

11free pages

10concepts

Questions 36–40

36application · easy
A developer wants to add a decorative icon before every link that has a class 'external'. The icon should be inserted via CSS, not in the HTML. Which CSS rule accomplishes this?
Select an answer first
37application · easy
A stylesheet has the following rules for a paragraph: p { color: red; } and .intro { color: blue; }. The paragraph has class 'intro'. Which color will be applied?
Select an answer first
38application · easy
Given the following CSS rules, which one will be applied to a <div> element with id='main' and class='content'? Rules: #main { color: green; } .content { color: red; } div { color: blue; }
Select an answer first
39application · medium
A developer sets the font-family on the <body> element. They want all text inside the page to use that font, but they notice that some elements, like <button>, do not inherit the font. What is the best way to ensure buttons use the same font?
Select an answer first
40application · medium
A developer wants to reset the margin of a paragraph to the browser's default value, ignoring any inherited or author styles. Which CSS declaration should they use?
Select an answer first

Finished these 5 questions?

Review the revealed explanations, or continue through the curriculum.

Next 5 questions →Back to WEB-DEVELOPMENT-ESSENTIALS

Free Basic Practice is a study aid with revealable answers — not a scored exam. Examers.io is independent and not affiliated with or endorsed by Linux Professional Institute. “WEB-DEVELOPMENT-ESSENTIALS” is a trademark of its owner, used for identification only.

033.2 CSS Selectors and Style Application (weight: 3) WEB-DEVELOPMENT-ESSENTIALS Practice Questions (Page 8)

Questions 36–40

A developer wants to add a decorative icon before every link that has a class 'external'. The icon should be inserted via CSS, not in the HTML. Which CSS rule accomplishes this?

A stylesheet has the following rules for a paragraph: p { color: red; } and .intro { color: blue; }. The paragraph has class 'intro'. Which color will be applied?

Given the following CSS rules, which one will be applied to a <div> element with id='main' and class='content'? Rules: #main { color: green; } .content { color: red; } div { color: blue; }

A developer sets the font-family on the <body> element. They want all text inside the page to use that font, but they notice that some elements, like <button>, do not inherit the font. What is the best way to ensure buttons use the same font?

A developer wants to reset the margin of a paragraph to the browser's default value, ignoring any inherited or author styles. Which CSS declaration should they use?

Keep studying — 033 CSS Content Styling