Sass 选择器函数



  • 选择器函数

    选择器函数用于检查和操作选择器。
    下表列出了 Sass 中的所有选择器函数:
    函数 描述 & 示例
    is-superselector(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(selectors,extendee,extender) 暂无
    selector-nest(selectors)
    返回一个新的选择器,其中包含基于所提供列表的CSS选择器的嵌套列表。
    示例:
    selector-nest("ul", "li")
    返回结果: ul li
    selector-nest(".warning", "alert", "div")
    返回结果: .warning div, alert div
    selector-parse(selectors)
    使用与父选择器相同的格式返回选择器中包含的字符串列表。
    示例:
    selector-parse("h1 .myInput .warning")
    返回结果: ('h1' '.myInput' '.warning')
    selector-replace(selectors,original,replacement)
    返回一个新的选择器,其中用替换中指定的选择器替换原来指定的选择器。
    示例:
    selector-replace("p.warning", "p", "div")
    返回结果: div.warning
    selector-unify(selectors1,selectors2)
    返回一个新的选择器,该选择器只匹配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