Selector Function ng Sass

Selector Function ng Sass

選擇器函數用於檢查和操作選擇器。

下表列出了 Sass 中的所有選擇器函數：

函數 描述 & 例子
is-superselector(super, sub)

檢查 super 選擇器是否匹配 sub 匹配的所有元素。

Halimbawa:

is-superselector("div", "div.myInput")

結果：true

is-superselector("div.myInput", "div")

結果：false

is-superselector("div", "div")

結果：true
selector-append(selectors)

將第二個（和第三/第四等）選擇器附加到第一個選擇器。

Halimbawa:

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

結果：div.myInput

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

結果：.warning__a
selector-extend(selector, extendee, extender)
selector-nest(selectors)

根據提供的列表返回包含 CSS 選擇器嵌套列表的新選擇器。

Halimbawa:

selector-nest("ul", "li")

結果：ul li

selector-nest(".warning", "alert", "div")

結果：.warning div, alert div
selector-parse(selector)

使用與父選擇器相同的格式返回選擇器中包含的字符串列表。

Halimbawa:

selector-parse("h1 .myInput .warning")

結果：('h1' '.myInput' '.warning')
selector-replace(selector, original, replacement)

Ibalik ang bagong selector, na gamit replacement sa tinukoy na selector kahalili ng original sa tinukoy na selector.

Halimbawa:

selector-replace("p.warning", "p", "div")

Resulta: div.warning
selector-unify(selector1, selector2)

Ibalik ang bagong selector, na tumutugma lamang sa selector1 at selector2 ang mga elemento na nagkakasunod-sunod.

Halimbawa:

selector-unify("myInput", ".disabled")

Resulta: myInput.disabled

selector-unify("p", "h1")

Resulta: null
simple-selectors(selectors)

Ibalik selectors listahan ng mga selector sa loob ng .

Halimbawa:

simple-selectors("div.myInput")

Resulta: div, .myInput

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

Resulta: div, .myInput, :before