Valgfunksjoner i Sass | Forklart

Syntaktisk fantastiske stilark (SASS) gir mange funksjoner som brukes til forskjellige formål som strengfunksjoner, numeriske funksjoner, kartfunksjoner osv. Alle disse funksjonene letter brukere på forskjellige måter. I denne oppskrivningen vil vi imidlertid bare fokusere på velgerfunksjoner i SaaS. La oss lære hva disse er og hvordan disse funksjonene kan brukes.

Velgerfunksjonene i sass

Som strengfunksjoner brukes til å håndtere strengtegn, blir numeriske funksjoner for å håndtere numeriske verdier, på samme måte, velgerfunksjoner i SASS brukes til å kontrollere utvalgere.

Valgfunksjonene i SASS er forklart nedenfor.

IS-SupersSelector (Super, Sub) -funksjon

Denne funksjonen evaluerer om den medfølgende "super" -velgeren samsvarer med elementene som er gitt i "sub" og returnerer ekte eller usant.

Eksempel

er.SuperSelector (“Div”, “Input”)

Produksjon

ekte

Her er et eksempel på en falsk tilstand.

Eksempel

er.SuperSelector (“Input”, “Div”)

Produksjon

falsk

Selector-Append (Selectors) -funksjon

Denne funksjonen legger utvalgte som er gitt i den siste (andre, tredje, fjerde, så videre) til den første medfølgende velgeren.

Eksempel

Selector-Append ("A", ".aktiv")

Produksjon

en.aktiv

Selector-extend (Selector, Extendee, Extender) -funksjon

Denne funksjonen bruker @Extend -regelen for å utvide den medfølgende velgeren. @Extend -regelen er oppgitt som følger.

@Extend Rule

#$ extender
@Extend #$ Extendee;

Selector-Nest (Selectors) -funksjon

Denne funksjonen hekker de medfølgende velgerne og gir en ny velger som et resultat.

Eksempel

Selector-Nest (“.aktiv ”,“ A ”,“ Div ”)

Produksjon

.aktiv a, en div

Selector-Parse (Selector) -funksjon

Med det formål å hente en liste over strenger som er spesifisert i velgeren ved å bruke formatet som definert i overordnede velgeren.

Eksempel

velger-parse (“P, .inngang, .aktiv")

Produksjon

'P', '.input ','.aktiv'

velger-replace (velger, original, erstatning) funksjon

Denne funksjonen erstatter den "originale" velgeren med "erstatning" -velgeren og gir den resulterende velgeren.

Eksempel

velger-Replace (“H1.Hei ”,“ H1 ”,“ H2 ”)

Produksjon

H2.Hallo

Selector-Unify (Selector1, Selector2) -funksjon

Hvis elementer som er til stede i begge velgerne samsvarer, returnerer denne velgeren den resulterende velgeren.

Eksempel

velger-unify (“a.aktiv ”,“ a.sveve")

Produksjon

"en.aktiv.sveve"

Hvis elementer ikke stemmer overens.

Eksempel

Selector-Unify (“A”, “P”)

Produksjon

NULL

enkle selectors (Selectors) -funksjon

Denne funksjonen henter de enkelte velgerne fra den gitte sammensatte velgeren.

Eksempel

enkle selectors (“P.Inngang: etter ”)

Produksjon

p, input ,: etter

Konklusjon

For å manipulere oppførselen til velgerne i SASS, brukes velgerfunksjonene. Noen få eksempler på selektorfunksjoner i SASS er velger-append (velgere), velger-nest (selectors), simple-selectors (selectors), etc. I artikkelen over har vi forklart alle velgerfunksjonene i SASS sammen med relevante eksempler.