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) | Возвращает новый селектор, который соответствует только элементам, соответствующим как 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 |
