code前端网Sass 选择器函数方法
选择器函数允许您在样式表中操作CSS选择器。 除selector-nest（）之外的所有函数都禁止使用父选择器＆。
| 函数 | 描述 | 例子 | |
|---|---|---|---|
| selector-nest($selectors) | 返回一个新的选择器，其中包含基于提供的列表的CSS选择器的嵌套列表。 | selector-nest(p,h1,".foo") Result: "p" "h1" .foo" | |
| selector-append($selectors..) | 返回一个新的选择器，第二个和后续的选择器附加到第一个没有空格 | selector-append(p | .foo) Result: "p.foo" |
| selector-replace($selector,$original | \$replacement) | 返回一个新的选择器，其中$replace中指定的选择器代替$original中指定的选择器 | selector-replace("p .italics",".italics",".bold")Result: "p" "bold" |
| is-superselector($super,$sub) | 返回一个布尔值，指示$super中指定的选择器是否匹配$sub中指定的所有元素 | is-superselector("p","p.b")Result: true | |
| simple-selectors($selector) | 返回$selector中包含的各个选择器的列表，它必须是复合选择器 | simple-selector("p.b")Result: ("p","b") | |
| selector-parse($selector) | 使用与父选择器相同的格式&返回$selector中包含的字符串列表 | selector-parse("p .a .b .c") Result: ('p' '.a' '.b' '.c') |
版权声明
本文仅代表作者观点，不代表Code前端网立场。
本文系作者Code前端网发表，如需转载，请注明页面地址。
上一篇：Sass 内省函数方法 下一篇：Sass Map函数方法
相关文章
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。