Fonctions de sélecteur Sass
Fonctions SassLes fonctions de sélecteur Sass sont utilisées pour inspecter et manipuler les sélecteurs.
Le tableau suivant répertorie les fonctions de sélecteur Sass :
| Fonction | Description et exemple |
|---|---|
| is-superselector(super, sub) | Compare la plage de correspondance de deux sélecteurs, c'est-à-dire déterminesupersi le sélecteur contientsubla plage mise en correspondance par le sélecteur ; si oui, renvoie true, sinon false. 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 second (ou plusieurs) à la fin du premier sélecteur.
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) | Renvoie un nouveau sélecteur qui génère une liste imbriquée à partir de la liste de sélecteurs fournie. Exemple : selector-nest("ul", "li") Résultat : ul li selector-nest(".warning", "alert", "div") Résultat : .warning div, alert div |
| selector-parse(selector) | Convertit un sélecteur de chaîneselectoren une liste de sélecteurs. Exemple : selector-parse("h1 .myInput .warning") Résultat : ('h1' '.myInput' '.warning') |
| selector-replace(selector, original, replacement) | Étant donné un sélecteur, renvoie une nouvelle liste de sélecteurs après avoir remplacé original par replacement. Exemple : selector-replace("p.warning", "p", "div") Résultat : div.warning |
| selector-unify(selector1, selector2) | Combine deux sélecteurs en un sélecteur composé. Si les deux sélecteurs ne peuvent pas être combinés, renvoie null. Exemple : selector-unify("myInput", ".disabled") Résultat : myInput.disabled selector-unify("p", "h1") Résultat : null |
| simple-selectors(selectors) | Divise un sélecteur composé en sélecteurs simples. Exemple : simple-selectors("div.myInput") Résultat : div, .myInput simple-selectors("div.myInput:before") Résultat : div, .myInput, :before |
Autres extensions