Sass valitsimet

Sass valitsimet

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

下表列出了 Sass 中的所有选择器函数：

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

检查 super 选择器是否匹配 sub 匹配的所有元素。

Esimerkki:

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

结果：true

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

结果：false

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

结果：true
selector-append(valitsimet)

将第二个（和第三/第四等）选择器附加到第一个选择器。

Esimerkki:

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

结果：div.myInput

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

结果：.warning__a
selector-extend(selector, extendee, extender)
selector-nest(valitsimet)

根据提供的列表返回包含 CSS 选择器嵌套列表的新选择器。

Esimerkki:

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

结果：ul li

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

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

使用与父选择器相同的格式返回选择器中包含的字符串列表。

Esimerkki:

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

结果：('h1' '.myInput' '.warning')
selector-replace(selector, alkuperäinen, korvaus)

palauttaa uuden valitsimen, joka käyttää korvaus määritellyille valitsimille korvataan alkuperäinen määritellyille valitsimille.

Esimerkki:

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

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

palauttaa uuden valitsimen, joka sopii vain selector1 ja selector2 sopivat elementit.

Esimerkki:

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

Tulos: myInput.disabled

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

Tulos: null
simple-selectors(valitsimet)

Palauta valitsimet kaikista valitsimista.

Esimerkki:

simple-selectors("div.myInput")

Tulos: div, .myInput

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

Tulos: div, .myInput, :before