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) | Повертає список окремих селекторів у селекторах. Приклад: simple-selectors("div.myInput") Результат: div, .myInput simple-selectors("div.myInput:before") Результат: div, .myInput, :before |
