Sass Selector Funktsiyalari
Selector funktsiyalari Selectorlarni tekshirish va manipulyatsiya qilish uchun ishlatiladi.
Quyida Sass'dagi barcha Selector funktsiyalari ro'yxati keltirilgan:
| Funktsiya | Tavsif va Misol |
|---|---|
is-superselector(super, sub) | Super Selector sub Selectori mos keladigan barcha elementlarga mos kelishini tekshiradi. |
Misol: is-superselector("div", "div.myInput") | Natija: true |
Misol: is-superselector("div.myInput", "div") | Natija: false |
Misol: is-superselector("div", "div") | Natija: true |
selector-append(selectors) | Ikkinchi (va uchinchi/to'rtinchi va hokazo) Selectorni birinchi Selectorga qo'shadi. |
Misol: selector-append("div", ".myInput") | Natija: div.myInput |
Misol: selector-append(".warning", "__a") | Natija: .warning__a |
selector-extend(selector, extendee, extender) | Selectorni kengaytirish funktsiyasi, u qo'shimcha Selectorlarni qo'shadi. |
selector-nest(selectors) | Berilgan ro'yxat asosida ichma-ich CSS Selectorlarini o'z ichiga olgan yangi Selectorni qaytaradi. |
Misol: selector-nest("ul", "li") | Natija: ul li |
Misol: selector-nest(".warning", "alert", "div") | Natija: .warning div, alert div |
selector-parse(selector) | Selectordagi qatorlarni ro'yxat sifatida qaytaradi, ota Selector formatida. |
Misol: selector-parse("h1 .myInput .warning") | Natija: ('h1' '.myInput' '.warning') |
selector-replace(selector, original, replacement) | Original Selectorlarni almashtiradigan yangi Selector qaytaradi. |
Misol: selector-replace("p.warning", "p", "div") | Natija: div.warning |
selector-unify(selector1, selector2) | Yangi Selector qaytaradi, bu Selector faqat selector1 va selector2 tomonidan mos keladigan elementlarni moslashtiradi. |
Misol: selector-unify("myInput", ".disabled") | Natija: myInput.disabled |
Misol: selector-unify("p", "h1") | Natija: null |
simple-selectors(selectors) | Selectorlardagi alohida Selectorlarni ro'yxatini qaytaradi. |
Misol: simple-selectors("div.myInput") | Natija: div, .myInput |
Misol: simple-selectors("div.myInput:before") | Natija: div, .myInput, :before |