Функции селекторов Sass
Функции SassФункции селекторов Sass используются для проверки и манипулирования селекторами.
В следующей таблице перечислены функции селекторов Sass:
| Функция | Описание и пример |
|---|---|
| is-superselector(super, sub) | Сравнивает диапазон совпадения двух селекторов, т. е. определяет,superсодержит ли селекторsubдиапазон, сопоставленный селектором; если да, возвращает true, иначе возвращает false. Пример: 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) | Возвращает новый селектор, который создаёт вложенный список из предоставленного списка селекторов. Пример: 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) | Для заданного селектора возвращает новый список селекторов после замены original на replacement. Пример: selector-replace("p.warning", "p", "div") Результат: div.warning |
| selector-unify(selector1, selector2) | Объединяет два селектора в составной селектор. Если два селектора не могут быть объединены, возвращает null. Пример: 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 |
Другие расширения