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(selectors)

দ্বিতীয় (এবং তৃতীয়/চতুর্থ ইত্যাদি) সিলেক্টরকে প্রথম সিলেক্টরে যুক্ত করে।

ইনস্ট্যান্স:

selector-append("div", ".myInput")

ফলাফল: div.myInput

selector-append(".warning", "__a")

ফলাফল: .warning__a
selector-extend(selector, extendee, extender)
selector-nest(selectors)

প্রদেয় তালিকা অনুযায়ী CSS সিলেক্টর নেস্টিং তালিকা ফিরিয়ে দেয়।

ইনস্ট্যান্স:

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, original, replacement)

নতুন সিলেক্টর ফিরে আসুন যা replacement নির্দিষ্ট সিলেক্টর original নির্দিষ্ট সিলেক্টর

ইনস্ট্যান্স:

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(selectors)

ফিরে আসুন selectors বিভিন্ন সিলেক্টরের তালিকা。

ইনস্ট্যান্স:

simple-selectors("div.myInput")

ফলাফল: div, .myInput

simple-selectors("div.myInput:before")

ফলাফল: div, .myInput, :before