A stylesheet has the following rules: p { color: red; } p { color: blue; } .highlight { color: green; }. A paragraph has class 'highlight'. What color will be applied?

It depends on the order of the rules

A developer wants to change the border color of an input field when the user clicks into it (focus) and also when the user hovers over it. They want the focus style to take precedence over the hover style. Which set of CSS rules should they write?

input:hover { border-color: blue !important; } input:focus { border-color: green; }

input:hover { border-color: blue; } input:focus { border-color: green; }

input:focus { border-color: green; } input:hover { border-color: blue; }

input { border-color: green; } input:hover { border-color: blue; }

LPI Web Development Essentials

Domain 3Objective 2

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

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 21–25

21application · easy
A developer is styling a navigation menu with this structure: <nav><ul><li>Home</li><li>About</li><li>Contact</li></ul></nav>. They want to style only the list items that are direct children of the <ul>, not any nested lists that might be added later. Which selector should they use?
Select an answer first
22application · easy
In a blog post, the developer wants to style only the first paragraph that immediately follows an <h2> heading. The HTML structure is: <h2>Title</h2><p>Intro</p><p>Body</p>. Which selector should be used?
Select an answer first
23application · easy
A developer wants to style all list items in a <ul> except the last one. The list is dynamic, so the number of items changes. Which selector should they use?
Select an answer first
24application · easy
A stylesheet has the following rules: p { color: red; } p { color: blue; } .highlight { color: green; }. A paragraph has class 'highlight'. What color will be applied?
Select an answer first
25application · medium
A developer wants to change the border color of an input field when the user clicks into it (focus) and also when the user hovers over it. They want the focus style to take precedence over the hover style. Which set of CSS rules should they write?
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 5)

Questions 21–25

A developer is styling a navigation menu with this structure: <nav><ul><li>Home</li><li>About</li><li>Contact</li></ul></nav>. They want to style only the list items that are direct children of the <ul>, not any nested lists that might be added later. Which selector should they use?

In a blog post, the developer wants to style only the first paragraph that immediately follows an <h2> heading. The HTML structure is: <h2>Title</h2><p>Intro</p><p>Body</p>. Which selector should be used?

A developer wants to style all list items in a <ul> except the last one. The list is dynamic, so the number of items changes. Which selector should they use?

A stylesheet has the following rules: p { color: red; } p { color: blue; } .highlight { color: green; }. A paragraph has class 'highlight'. What color will be applied?

A developer wants to change the border color of an input field when the user clicks into it (focus) and also when the user hovers over it. They want the focus style to take precedence over the hover style. Which set of CSS rules should they write?

Keep studying — 033 CSS Content Styling