توابع انتخاب‌کننده Sass

توابع انتخاب‌کننده Sass

توابع انتخاب‌کننده برای بررسی و عمل بر روی انتخاب‌کننده‌ها استفاده می‌شوند.

در جدول زیر، همه‌ی توابع انتخاب‌کننده Sass لیست شده‌اند:

функشن توضیح و مثال
is-superselector(super, sub)

بررسی super آیا انتخاب‌کننده تطابق دارد؟ sub عناصر تطابق یافته.

مثال:

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

نتایج: true

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

نتایج: false

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

نتایج: true
selector-append(انتخاب‌کنندگان)

دومین (و سومین/چهارمین و غیره) انتخاب‌کننده را به اولین انتخاب‌کننده اضافه می‌کند.

مثال:

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

نتایج: div.myInput

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

نتایج: .warning__a
selector-extend(selector, extendee, extender)
selector-nest(انتخاب‌کنندگان)

با استفاده از لیست ارائه شده، انتخاب‌کننده جدیدی که شامل لیست‌های انتخاب‌کننده عمیق است، برمی‌گرداند.

مثال:

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

نتایج: ul li

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

نتایج: .warning div, alert div
selector-parse(selector)

با استفاده از فرمت مشابه انتخاب‌کننده والد، لیست عبارات شامل در انتخاب‌کننده را برمی‌گرداند.

مثال:

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

نتایج: ('h1' '.myInput' '.warning')
selector-replace(selector, مذکور است., جایگزین می‌شود.)

بازگشت انتخاب‌کننده جدیدی که با جایگزین می‌شود. با مذکور است. انتخاب‌کننده‌ای که در

مثال:

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

نتیجه: div.warning
selector-unify(selector1, selector2)

بازگشت انتخاب‌کننده جدیدی که فقط با selector1 و selector2 عناصر تطابق‌یافته.

مثال:

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

نتیجه: myInput.disabled

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

نتیجه: null
simple-selectors(انتخاب‌کنندگان)

بازگشت انتخاب‌کنندگان لیست انتخاب‌کنندگان در میان.

مثال:

simple-selectors("div.myInput")

نتیجه: div, .myInput

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

نتیجه: div, .myInput, :before