Sass 教程
Sass 选择器函数
选择器函数用于检查和操作选择器。
下表列出了 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") 结果：.warning__a |
| 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-parse("h1 .myInput .warning") 结果：('h1' '.myInput' '.warning') |
| selector-replace(selector, original, replacement) |
返回新的选择器，用 replacement 中指定的选择器代替 original 中指定的选择器。 实例：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) |
返回 selectors 中各个选择器的列表。 实例：simple-selectors("div.myInput") 结果：div, .myInput simple-selectors("div.myInput:before") 结果：div, .myInput, :before |
相关视频
24小时阅读榜
精品课程
共22课时
24.3万人学习
共28课时
36.2万人学习
共89课时
133.1万人学习
热门下载
集成PHP7，16种组合，超全大合集
下载
phpStudy安装所需运行库集合下载
下载
程序员工具箱 v1.0 php集成环境
下载
中文版，非常好用
下载
Notepad++ 8.9.7 Windows版官方安装包，适合 Windows 用户进行代码编辑、文本处理、语法高亮和插件扩展配置。
下载
Win64位，支持php多版本共存
下载