CSS & Frontend

Pseudo-class

/ˈsjuːdəʊ klɑːs/

Definition

A CSS selector suffix (:hover, :focus, :nth-child) that matches elements based on state or position.

Example in context

"button:focus-visible shows the focus ring only for keyboard navigation — not for mouse clicks."

Related terms

Practice this term

Master Pseudo-class in context by working through exercises in the CSS & Frontend module. You'll see the term used in real engineering scenarios with multiple-choice, fill-in-the-blank, and matching drills.

Frequently Asked Questions

What does "Pseudo-class" mean?

A CSS selector suffix (:hover, :focus, :nth-child) that matches elements based on state or position.

How do you pronounce "Pseudo-class"?

"Pseudo-class" is pronounced /ˈsjuːdəʊ klɑːs/.

Can you use "Pseudo-class" in a sentence?

"button:focus-visible shows the focus ring only for keyboard navigation — not for mouse clicks."