A table has rows with alternating background colors. The developer wants to style every even row (2nd, 4th, 6th...) with a light gray background. The table is inside a div with class 'data-table'. Which selector correctly targets only the even rows?

.data-table tr:nth-child(2n+1) { background-color: #f2f2f2; }

.data-table tr:nth-of-type(even) { background-color: #f2f2f2; }

.data-table tr:nth-child(even) { background-color: #f2f2f2; }

.data-table tr:even { background-color: #f2f2f2; }

A developer wants to add a decorative icon before each link in a list without modifying the HTML. The icon is a Unicode character '→'. Which CSS rule achieves this?

li a::before { content: '→ '; }

li a::after { content: '→ '; }

li a:before { content: '→ '; }

A stylesheet has two rules for the same element: .btn { color: blue; } and .btn.primary { color: green; }. The element has class='btn primary'. Which color will be applied, and why?

Blue, because the first rule appears earlier in the stylesheet.

Green, because the second rule has higher specificity.

Green, because it is the last rule in the stylesheet.

Blue, because .btn is more specific than .btn.primary.

LPI Web Development Essentials

Domain 3Objective 2

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

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 51–55

51application · medium
A table has rows with alternating background colors. The developer wants to style every even row (2nd, 4th, 6th...) with a light gray background. The table is inside a div with class 'data-table'. Which selector correctly targets only the even rows?
Select an answer first
52application · medium
A developer wants to add a decorative icon before each link in a list without modifying the HTML. The icon is a Unicode character '→'. Which CSS rule achieves this?
Select an answer first
53application · medium
A stylesheet has two rules for the same element: .btn { color: blue; } and .btn.primary { color: green; }. The element has class='btn primary'. Which color will be applied, and why?
Select an answer first
54application · medium
A developer sets the font-family on the body element. They want a specific paragraph to use the browser's default font instead of inheriting the body's font. Which CSS declaration should they use on that paragraph?
Select an answer first
55application · easy
A developer has the following CSS rules for a paragraph with id='intro' and class='highlight': p { color: black; } .highlight { color: red; } #intro { color: blue; } Which color will the paragraph display?
Select an answer first

Finished these 5 questions?

Review the revealed explanations, or continue through the curriculum.

No more pagesBack 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 11)

Questions 51–55

A table has rows with alternating background colors. The developer wants to style every even row (2nd, 4th, 6th...) with a light gray background. The table is inside a div with class 'data-table'. Which selector correctly targets only the even rows?

A developer wants to add a decorative icon before each link in a list without modifying the HTML. The icon is a Unicode character '→'. Which CSS rule achieves this?

A stylesheet has two rules for the same element: .btn { color: blue; } and .btn.primary { color: green; }. The element has class='btn primary'. Which color will be applied, and why?

A developer sets the font-family on the body element. They want a specific paragraph to use the browser's default font instead of inheriting the body's font. Which CSS declaration should they use on that paragraph?

A developer has the following CSS rules for a paragraph with id='intro' and class='highlight': p { color: black; } .highlight { color: red; } #intro { color: blue; } Which color will the paragraph display?

Keep studying — 033 CSS Content Styling