Функции селекторов 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