Funzioni di selettore Sass

Funzioni di selettore Sass

funzione di selettore

La tabella seguente elenca tutte le funzioni di selettore nel Sass:

funzione descrizione & esempio
is-superselector(super, sub)

controlla super selettore se corrisponde sub Tutti gli elementi abbinati.

Esempio:

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

risultato: true

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

risultato: false

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

risultato: true
selector-append(selettori)

Aggiunge il secondo (e terzo/quarto ecc.) selettore al primo selettore.

Esempio:

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

risultato: div.myInput

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

risultato: .warning__a
selector-extend(selector, extendee, extender)
selector-nest(selettori)

Restituisce un nuovo selettore contenente una lista di selettori annessi CSS in base all'elenco fornito.

Esempio:

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

risultato: ul li

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

risultato: .warning div, alert div
selector-parse(selector)

Restituisce una lista di stringhe contenute nel selettore utilizzando lo stesso formato del selettore genitore.

Esempio:

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

risultato: ('h1' '.myInput' '.warning')
selector-replace(selector, originale, replacement)

Restituisce un nuovo selettore utilizzando replacement selettore specificato sostituito da originale selettore specificato.

Esempio:

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

Risultato: div.warning
selector-unify(selector1, selector2)

Restituisce un nuovo selettore che corrisponde solo a selector1 e selector2 elementi che corrispondono a entrambi.

Esempio:

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

Risultato: myInput.disabled

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

Risultato: null
simple-selectors(selettori)

Restituisce selettori elenco di tutti i selettori.

Esempio:

simple-selectors("div.myInput")

Risultato: div, .myInput

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

Risultato: div, .myInput, :before