وظائف المحددات 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