Pseudo Selector Sass Function

Pseudo Selector

Type: Function

pseudoSelector();

Appends a pseudo-class to every selector in a list.

Name	Type	Description
`$elements`	list	Accepts a list of selectors.
`$pseudo (null)`	string	Accepts a pseudo-class name, without the colon.

One rule applied to several selectors in the same state.

Sass

#{pseudoSelector(("button", ".btn", "a"), "focus-visible")} {
  outline: 2px solid crimson;
  outline-offset: 2px;
}

CSS

button:focus-visible, .btn:focus-visible, a:focus-visible {
  outline: 2px solid crimson;
  outline-offset: 2px;
}