A developer wants to style all links that have an href attribute starting with 'https://' with a green color, and all links with href starting with 'http://' with a red color. Which set of selectors achieves this?

a[href*='https://'] { color: green; } a[href*='http://'] { color: red; }

a[href^='https://'] { color: green; } a[href^='http://'] { color: red; }

a[href$='https://'] { color: green; } a[href$='http://'] { color: red; }

a[href='https://'] { color: green; } a[href='http://'] { color: red; }

A navigation menu has the structure: Link ... . The developer wants to change the background color of the list items only when the user hovers over the link inside them. Which selector accomplishes this?

nav li:hover { background-color: #eee; }

nav li a:hover { background-color: #eee; }

nav li:has(a:hover) { background-color: #eee; }

A developer has a form with a submit button. They want the button to have a blue background normally, a darker blue when hovered, and an even darker blue when active. They also want to ensure that the active state overrides the hover state. Which CSS rules should they write?

button { background: blue; } button:hover { background: darkblue; } button:active { background: darkerblue; }

button { background: blue; } button:active { background: darkerblue; } button:hover { background: darkblue; }

button:active { background: darkerblue; } button:hover { background: darkblue; } button { background: blue; }

button:hover { background: darkblue; } button { background: blue; } button:active { background: darkerblue; }

LPI Web Development Essentials

Domain 3Objective 2

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

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 46–50

46expert · medium
A developer has two rules: .nav ul li a { color: blue; } and .nav .active a { color: red; }. An anchor is inside an li with class 'active' inside a ul inside a div with class 'nav'. Which color will be applied?
Select an answer first
47expert · medium
A developer wants to style all links that have an href attribute starting with 'https://' with a green color, and all links with href starting with 'http://' with a red color. Which set of selectors achieves this?
Select an answer first
48expert · medium
A developer has the following HTML: <div><p>One</p><p>Two</p><span>Three</span></div>. They want to select the span that is a sibling immediately following a paragraph. Which selector would do that?
Select an answer first
49application · hard
A navigation menu has the structure: <nav><ul><li><a>Link</a></li>...</ul></nav>. The developer wants to change the background color of the list items only when the user hovers over the link inside them. Which selector accomplishes this?
Select an answer first
50expert · medium
A developer has a form with a submit button. They want the button to have a blue background normally, a darker blue when hovered, and an even darker blue when active. They also want to ensure that the active state overrides the hover state. Which 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 10)

Questions 46–50

A developer has two rules: .nav ul li a { color: blue; } and .nav .active a { color: red; }. An anchor is inside an li with class 'active' inside a ul inside a div with class 'nav'. Which color will be applied?

A developer wants to style all links that have an href attribute starting with 'https://' with a green color, and all links with href starting with 'http://' with a red color. Which set of selectors achieves this?

A developer has the following HTML: <div><p>One</p><p>Two</p><span>Three</span></div>. They want to select the span that is a sibling immediately following a paragraph. Which selector would do that?

A navigation menu has the structure: <nav><ul><li><a>Link</a></li>...</ul></nav>. The developer wants to change the background color of the list items only when the user hovers over the link inside them. Which selector accomplishes this?

A developer has a form with a submit button. They want the button to have a blue background normally, a darker blue when hovered, and an even darker blue when active. They also want to ensure that the active state overrides the hover state. Which CSS rules should they write?

Keep studying — 033 CSS Content Styling