CSS ::slotted() Selector

❮ Previous Selectors Next ❯

Example

/* Selects any element placed inside a slot */
::slotted(*) {
  font-weight: bold;
}

/* Selects any <span> placed inside a slot */
::slotted(span) {
  font-weight: bold;
}

Meaning

The ::slotted() selector represents any element that has been placed into a slot inside an HTML template (see Using templates and slots for more information).

Version: CSS3




Standard Syntax

::slotted(compoundSelector) {
  css declarations;
}



Browser Support

The numbers in the table specify the first browser version that fully supports the property.




Status







❮ Previous Selectors Next ❯