از توابع انتخابگر برای بررسی و دستکاری انتخابگرها استفاده می شود.
جدول زیر همه توابع انتخابگر در 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(".wa ing", "__a") نتیجه: .wa ing__a |
| selector-extend(selector, extendee, extender) | |
| selector-nest(انتخاب کنندگان) | یک انتخابگر جدید حاوی لیست تودرتویی از انتخابگرهای CSS برمیگرداند در لیست ارائه شده. مثال: selector-nest("ul", "li") نتیجه: ul li selector-nest(".wa ing", "alert", "div") نتیجه: .wa ing div, alert div |
| selector-parse(انتخابگر) | لیستی از رشته های موجود در انتخابگر را با استفاده از همان برمی گرداند. به عنوان انتخابگر والد فرمت کنید. مثال: selector-parse("h1 .myInput .wa ing") نتیجه: ('h1' '.myInput' '.wa ing') |
| selector-replace(انتخاب کننده، اصلی، جایگزین) | یک انتخابگر جدید را با انتخابگرهای مشخص شده در جایگزینی برمیگرداند به جای انتخابگرهای مشخص شده در اصلی. مثال: selector-replace("p.wa ing"، "p"، "div") نتیجه: div.wa ing |
| selector-unify(selector1, selector2) | انتخابگر جدیدی را برمیگرداند که فقط با عناصری مطابقت دارد که با هر دو مطابقت دارد selector1 و selector2. مثال: selector-unify("myInput"، ".disabled") نتیجه: myInput.disabled selector-unify("p", "h1") نتیجه: null |
| گزینشگرهای ساده(انتخابگرها) | لیستی از انتخابگرهای فردی را در انتخابکنندگان برمیگرداند. مثال: simple-selectors("div.myInput") نتیجه: div, .myInput simple-selectors("div.myInput:before") نتیجه: div, .myInput, :before |