Sass Selector Functions
توابع انتخاب کننده
توابع انتخاب کننده برای دستکاری و چک کردن انتخاب کننده‌ها استفاده می‌شوند. در جدول زیر تمامی توابع انتخاب کننده در Sass آورده شده است.
| تابع | توضیح |
|---|---|
| is-superselector(super, sub) |
چک می‌کند که آیا انتخاب کننده super با همه عناصری که انتخاب کننده sub مطابقت دارد، مطابقت می‌کند یا خیر.
مثال: is-superselector("div", "div.myInput") Result: true is-superselector("div.myInput", "div") Result: false is-superselector("div", "div") Result: true |
| selector-append(selectors) |
انتخاب کننده دوم (سوم، چهارم و...) را به انتخاب کننده اول اضافه می‌کند.
مثال: selector-append("div", ".myInput") Result: div.myInput |
| selector-nest(selectors) |
یک انتخاب کننده جدید را که شامل یک لیست از انتخاب کننده‌های CSS تو در تو است بر اساس لیستی که به آن داده شده برمی‌گرداند.
مثال: selector-nest("ul", "li") Result: ul li selector-nest(".warning", "alert", "div") Result: .warning div, alert div |
| selector-parse(selector) |
یک لیست از رشته‌ها را که داخل انتخاب کننده وجود دارند با استفاده از همان فرمت انتخاب کننده والد برمی‌گرداند.
مثال: selector-parse("h1 .myInput .warning") Result: ('h1' '.myInput' '.warning') |
| selector-replace(selector, original, replacement) |
یک انتخاب کننده جدید را برمی‌گرداند که در آن انتخاب کننده مشخص شده در replacement جای انتخاب کننده مشخص شده در original را می‌گیرد.
مثال: selector-replace("p.warning", "p", "div") Result: div.warning |
| selector-unify(selector1, selector2) |
یک انتخاب کننده جدید را برمی‌گرداند که تنها با عناصری مطابقت دارد که هر دو انتخاب کننده با آن مطابقت داشته باشند.
مثال: selector-unify("myInput", ".disabled") Result: myInput.disabled selector-unify("p", "h1") Result: null |
| simple-selectors(selectors) |
یک لیست از انتخاب کننده‌های موجود در انتخاب کننده داده شده را به صورت جدا جدا برمی‌گرداند.
مثال: simple-selectors("div.myInput") Result: div, .myInput simple-selectors("div.myInput:before") Result: div, .myInput, :before |