Selektorfunktionen in Sass | Erklärt

Syntaktisch fantastisches Stylesheet (SASS) bietet viele Funktionen, die für verschiedene Zwecke wie Stringfunktionen, numerische Funktionen, Kartenfunktionen usw. verwendet werden. Alle diese Funktionen ermöglichen den Benutzern auf verschiedene Weise. In dieser Beschreibung werden wir uns jedoch nur auf Selektorfunktionen in SaaS konzentrieren. Lassen Sie uns erfahren, was diese sind und wie diese Funktionen verwendet werden können.

Selektorfunktionen in SASS

Wie String -Funktionen werden zum Umgang von Zeichenfolgenzeichen verwendet, numerische Funktionen zum Umgang numerischer Werte. In ähnlicher Weise werden Selektorfunktionen in SASS verwendet, um Selektoren zu steuern.

Die Selektorfunktionen in SASS werden unten erläutert.

is-Superselector (Super, Sub) -Funktion

Diese Funktion bewertet, ob der bereitgestellte „Super“ -Sähler mit den in „Sub“ bereitgestellten Elementen übereinstimmt und true oder falsch zurückgibt.

Beispiel

Ist.Superelector ("Div", "Eingabe")

Ausgang

WAHR

Hier ist ein Beispiel für eine falsche Bedingung.

Beispiel

Ist.Superelector ("Eingabe", "Div")

Ausgang

FALSCH

Selector-Append (Selektoren) Funktion

Diese Funktion fügt die im letzten bereitgestellten Selektoren (zweite, dritte, vierte, so ein) dem ersten zur Verfügung gestellten Selektor hinzu.

Beispiel

Auswahlantrag ("A", ".aktiv")

Ausgang

A.aktiv

Selector-Extend (Selector, Extende, Extender) Funktion

Diese Funktion nutzt die @extend -Regel, um den bereitgestellten Selektor zu erweitern. Die @extend -Regel wird wie folgt angegeben.

@extend Regel

#$ extender
@extend #$ extendee;

Selector-NEST (Selektoren) Funktion

Diese Funktion nistet die bereitgestellten Selektoren und gibt dadurch einen neuen Selektor an.

Beispiel

Auswahlnest (“.aktiv "," a "," div ")

Ausgang

.Aktiv A, a Div

Selector-Parse (Selector) -Funktion

Zum Zweck des Abholens einer Liste der im Selektor angegebenen Zeichenfolgen unter Verwendung des im übergeordneten Selektors definierten Formats.

Beispiel

Selector-Parse (“P, .Eingang, .aktiv")

Ausgang

'P' , '.Eingabe ',', '.aktiv'

Selektor-Replace (Selector, Original, Ersatz) Funktion

Diese Funktion ersetzt den Selektor "Original" durch den Auswahl "Ersatz" und liefert den resultierenden Selektor.

Beispiel

Selektor-Replace („H1.Hallo "," H1 "," H2 ")

Ausgang

H2.Hallo

Selector-Unify-Funktion (Selector1, Selector2)

Wenn Elemente in beiden Übereinstimmungen vorhanden sind, gibt dieser Selektor den resultierenden Selektor zurück.

Beispiel

Selektor-Unify (“a.aktiv “,„ a.schweben")

Ausgang

"A.aktiv.schweben"

Wenn Elemente nicht übereinstimmen.

Beispiel

Selektor-Unify ("A", "P")

Ausgang

NULL

Einfache Selektoren (Selektoren) Funktion

Diese Funktion holt die einzelnen Selektoren aus dem angegebenen zusammengesetzten Selektor ab.

Beispiel

einfache Selektoren (“P.Eingabe: Nach ”)

Ausgang

P, Eingabe,: Nach

Abschluss

Zur Manipulation des Verhaltens von Selektoren in SASS werden die Selektorfunktionen verwendet. Einige Beispiele für Selektorfunktionen in SASS sind Selector-Append (Selektoren), Selektor-NEST (Selektoren), einfache Selektoren (Selektoren) usw. In dem obigen Artikel haben wir alle Selektorfunktionen in SASS zusammen mit relevanten Beispielen erläutert.