Sass selektor funksiyalari


ULASHISH

Sass selektor funksiyalari

Selektor funksiyalari selektorlarni tekshirish va ular ustida amallar bajarish uchun ishlatiladi.

Quyidagi jadvalda Sass’dagi barcha selektor funksiyalari keltirilgan:

Funksiya Tavsif va misol
is-superselector(super, sub) super selektori sub mos keladigan barcha elementlarga mos kelishini tekshiradi.

Misol:
is-superselector("div", "div.myInput")
Natija: true
is-superselector("div.myInput", "div")
Natija: false
is-superselector("div", "div")
Natija: true
selector-append(selectors) Ikkinchi (va uchinchi/to‘rtinchi va h.k.) selektorni birinchi selektorga qo‘shadi.

Misol:
selector-append("div", ".myInput")
Natija: div.myInput
selector-append(".warning", "__a")
Natija: .warning__a
selector-extend(selector, extendee, extender)  
selector-nest(selectors) Berilgan list asosida CSS selektorlarining ichma-ich listini o‘z ichiga olgan yangi selektorni qaytaradi.

Misol:
selector-nest("ul", "li")
Natija: ul li
selector-nest(".warning", "alert", "div")
Natija: .warning div, alert div
selector-parse(selector) selectordagi stringlar listini ota (parent) selektor bilan bir xil formatda qaytaradi.

Misol:
selector-parse("h1 .myInput .warning")
Natija: ('h1' '.myInput' '.warning')
selector-replace(selector, original, replacement) originalda ko‘rsatilgan selektorlar o‘rniga replacementda ko‘rsatilgan selektorlar qo‘yilgan yangi selektorni qaytaradi.

Misol:
selector-replace("p.warning", "p", "div")
Natija: div.warning
selector-unify(selector1, selector2) Faqat selector1 va selector2 ikkalasi ham mos keladigan elementlargagina mos keluvchi yangi selektorni qaytaradi.

Misol:
selector-unify("myInput", ".disabled")
Natija: myInput.disabled
selector-unify("p", "h1")
Natija: null
simple-selectors(selectors) selectorsdagi alohida selektorlar listini qaytaradi.

Misol:
simple-selectors("div.myInput")
Natija: div, .myInput
simple-selectors("div.myInput:before")
Natija: div, .myInput, :before


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!