CSS selectors

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

For example, to style paragraphs, you will use the p type 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
• Keyframe selectors
• Namespace separator (|)
• Pseudo-class selectors
• Pseudo-element selectors
• Selector list
• Type selectors
• Universal selectors

Specifications

Check the pseudo-classes and pseudo-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