ساس فونکشنز سلیکٹر

ساس فونکشنز سلیکٹر

选择器函数用于检查和操作选择器。

下表列出了 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(".warning", "__a")

结果:.warning__a

selector-extend(selector, extendee, extender)
selector-nest(سلیکٹرز)

根据提供的列表返回包含 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, مقابل, مقابل)

نئی سلیکٹر واپس دینا، جو مقابل مطابق سلیکٹرز میں مقابل مطابق سلیکٹرز میں

مثال:

سلیکٹر ریپلیس("پ.وارننگ", "پ", "دیو")

نتائج: دیو. وارننگ

سلیکٹر یونیفائی(سلیکٹر1, سلیکٹر2)

نئی سلیکٹر واپس دینا، جو صرف سلیکٹر1 اور سلیکٹر2 کم سلیکٹرز کے مطابق ماتحتاجی عناصر.

مثال:

سلیکٹر یونیفائی("مائی انپُٹ", ".دیز ابل")

نتائج: مائی انپُٹ. دیز ابل

سلیکٹر یونیفائی("پ، ہ۱")

نتائج: نیل

سیمپل سلیکٹرز(سلیکٹرز)

باز سلیکٹرز سلیکٹرز کی فہرست.

مثال:

سیمپل سلیکٹرز("دیو مائی انپُٹ")

نتائج: دیو، .مائی انپُٹ

سیمپل سلیکٹرز("دیو مائی انپُٹ:before")

نتائج: دیو، .مائی انپُٹ، :بے قبل