菜单
×
   ❮   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

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 中包含的字符串列表。

示例:
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) 返回一个新选择器,该选择器仅匹配 selector1selector2 都匹配的元素。

示例
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

×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持