Fungsi Pemilih Sass

Fungsi Pemilih Sass

Fungsi pemilih digunakan untuk memeriksa dan mengoperasikan pemilih.

Tabel di bawah ini menampilkan semua fungsi pemilih Sass:

Fungsi Deskripsi & contoh
is-superselector(super, sub)

Periksa super Pemilih apakah cocok sub Semua elemen yang cocok.

Contoh:

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

Hasil: true

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

Hasil: false

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

Hasil: true
selector-append(pemilih)

Tambahkan pemilih kedua (dan ketiga/empat, dll) ke pemilih pertama.

Contoh:

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

Hasil: div.myInput

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

Hasil: .warning__a
selector-extend(selector, extendee, extender)
selector-nest(pemilih)

Kembalikan pemilih baru yang mengandung daftar pemilih yang disatukan CSS berdasarkan daftar yang diberikan.

Contoh:

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

Hasil: ul li

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

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

Kembalikan daftar string yang terdapat dalam pemilih dengan format yang sama seperti pemilih induk.

Contoh:

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

Hasil: ('h1' '.myInput' '.warning')
selector-replace(selector, asli, gantian)

kembali pemilih baru, dengan gantian ditergantung pemilih asli pemilih yang ditentukan.

Contoh:

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

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

kembali pemilih baru yang hanya cocok dengan selector1 dan selector2 elemen yang cocok.

Contoh:

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

Hasil: myInput.disabled

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

Hasil: null
simple-selectors(pemilih)

kembali pemilih daftar pemilih di dalamnya.

Contoh:

simple-selectors("div.myInput")

Hasil: div, .myInput

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

Hasil: div, .myInput, :before