Interview Question

What are pseudo-classes?

Pseudo-classes select existing elements in a particular state or position.

💡 Concept ✅ Quick Revision 🎨 CSS

Answer

A pseudo-class matches an element based on state or structural information. • Examples include `:hover`, `:focus-visible`, and `:checked`. • Structural pseudo-classes include `:first-child` and `:nth-child()`. • Pseudo-classes do not create new document elements.

💡 Simple Example

button:focus-visible { outline: 3px solid royalblue; }

⚡ Quick Revision

Pseudo-classes select existing elements in a particular state or position.