Sass Selector 函数
Sass 选择器 函数
Selector 选择器函数用于检查和操作选择器。
下表列出了 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") 结果: .warninga |
| 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 选择器中包含的字符串列表。 实例: selector-parse("h1 .myInput .warning") 结果: ('h1' '.myInput' '.warning') |
| selector-replace(selector, original, replacement) | 用指定的 replacement 替换原始选择器中指定的内容，并返回一个新选择器。 实例: 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) | 返回复合选择器中单个选择器。 实例: simple-selectors("div.myInput") 结果: div, .myInput simple-selectors("div.myInput:before") 结果: div, .myInput, :before |