Fonctions de sélecteur Sass

Fonctions de sélecteur Sass

les fonctions de sélecteurs sont utilisées pour vérifier et manipuler les sélecteurs.

Le tableau suivant liste toutes les fonctions de sélecteurs dans Sass :

fonction description & exemple
is-superselector(super, sub)

vérification super si le sélecteur correspond sub tous les éléments correspondants.

Exemple :

is-superselector("div", "div.myInput")

résultat : true

is-superselector("div.myInput", "div")

résultat : false

is-superselector("div", "div")

résultat : true
selector-append(selectors)

ajoute le deuxième (et troisième/quatrième, etc.) sélecteur au premier sélecteur.

Exemple :

selector-append("div", ".myInput")

résultat : div.myInput

selector-append(".warning", "__a")

résultat : .warning__a
selector-extend(selector, extendee, extender)
selector-nest(selectors)

retourne un nouveau sélecteur qui contient une liste imbriquée de sélecteurs CSS en fonction de la liste fournie.

Exemple :

selector-nest("ul", "li")

résultat : ul li

selector-nest(".warning", "alert", "div")

résultat : .warning div, alert div
selector-parse(selector)

retourne une liste de chaînes contenant le sélecteur, en utilisant le même format que le sélecteur parent.

Exemple :

selector-parse("h1 .myInput .warning")

résultat : ('h1' '.myInput' '.warning')
selector-replace(selector, original, replacement)

retourne un nouveau sélecteur, utilisé replacement remplace le sélecteur spécifié par original sélecteurs spécifiés.

Exemple :

selector-replace("p.warning", "p", "div")

Résultat : div.warning
selector-unify(selector1, selector2)

retourne un nouveau sélecteur qui ne correspond qu'à selector1 et selector2 éléments qui correspondent tous.

Exemple :

selector-unify("myInput", ".disabled")

Résultat : myInput.disabled

selector-unify("p", "h1")

Résultat : null
simple-selectors(selectors)

Retour selectors Liste des sélecteurs dans

Exemple :

simple-selectors("div.myInput")

Résultat : div, .myInput

simple-selectors("div.myInput:before")

Résultat : div, .myInput, :before