CSS selectors are patterns used inCSS rules to target and select specific elements for styling.

For example, to style paragraphs, you will use theptype selector to select all<p> elements and apply a style to them:

/* Set font size on all <p> elements */p {  font-size: 12px;  color: rebeccapurple;}

Syntax

/* Select elements and apply styles */selector {  property: value;}

Index of selectors

• & nesting selector
• Attribute selectors
• Class selectors
• ID selectors
• Pseudo-class selectors
• Pseudo-element selectors
• Type selectors
• Universal selectors

Specifications

Check thepseudo-classes andpseudo-elements pages for their respective specification tables.

See also

• CSS selectors module
• CSS selector structure
• CSS combinators
• Selector list
• Selectors and combinators
• CSS pseudo-elements module
• CSS nesting module
• Specificity