1. 犀牛前端部落首页
  2. Sass教程

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')

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/2511.html

发表评论

登录后才能评论