Pseudo Element

Definitions

1. A CSS keyword (prefixed with ::) that targets a virtual sub-part of an element which does not exist in the DOM, allowing you to style or insert content without adding extra HTML. Common pseudo elements include ::before and ::after (for generated content), ::first-line, ::first-letter, and ::placeholder.

   In plain English: A CSS trick that lets you style or add decorations to parts of an element — like the first line or an icon before it — without adding extra HTML.

   Example: "I used a ::before pseudo element on the card component to add the decorative gradient border without polluting the markup."

Related Terms

• Responsive Design
• CSS
• Grid
• Masonry Layout
• Progressive Enhancement
• Sass
• Scoped Style
• SCSS