Las funciones de selector se utilizan para comprobar y manipular selectores. La siguiente tabla enumera todas las funciones de selección en Sass:

Función Descripción & Ejemplo
is-superselector(supersub) Comprueba si el super selector coincide con todos los elementos que coinciden sub.

Ejemplo:
is-superselector(«div», «div.myInput»)
Result: true
is-superselector(«div.myInput», «div»)
Result: false
is-superselector(«div», «div»)
Result: true

selector-append(selectors) Agrega el segundo selector (y tercero/cuarto, etc.) al primer selector.

Ejemplo:
selector-append(«div», «.myInput»)
Result: div.myInput
selector-append(«.warning», «__a»)
Result: .warning__a

selector-extend(selectorextendeeextender)
selector-nest(selectors) Devuelve un nuevo selector que contiene una lista anidada de selectores de CSS según la lista proporcionada.

Ejemplo:
selector-nest(«ul», «li»)
Result: ul li
selector-nest(«.warning», «alert», «div»)
Result: .warning div, alert div

selector-parse(selector) Devuelve una lista de cadenas contenidas en selector con el mismo formato que el selector principal.

Ejemplo:
selector-parse(«h1 .myInput .warning»)
Result: (‘h1’ ‘.myInput’ ‘.warning’)

selector-replace(selectororiginalreplacement) Devuelve un nuevo selector con los selectores especificados en reemplazo en lugar de los selectores especificados en el original.

Ejemplo:
selector-replace(«p.warning», «p», «div»)
Result: div.warning

selector-unify(selector1selector2) Devuelve un nuevo selector que coincide solo con los elementos que coinciden con selector1 y selector2.

Ejemplo:
selector-unify(«myInput», «.disabled»)
Result: myInput.disabled
selector-unify(«p», «h1»)
Result: null

simple-selectors(selectors) Devuelve una lista de los selectores individuales en selectores.

Ejemplo:
simple-selectors(«div.myInput»)
Result: div, .myInput
simple-selectors(«div.myInput:before»)
Result: div, .myInput, :before