Hàm chọn Sass

Hàm chọn Sass

Hàm bộ chọn được sử dụng để kiểm tra và thao tác bộ chọn.

Bảng dưới đây liệt kê tất cả các hàm bộ chọn trong Sass:

Hàm Mô tả & ví dụ
is-superselector(super, sub)

Kiểm tra super Bộ chọn có khớp hay không sub Các phần tử khớp.

Mô hình:

is-superselector("div", "div.myInput")

Kết quả: true

is-superselector("div.myInput", "div")

Kết quả: false

is-superselector("div", "div")

Kết quả: true
selector-append(chọn lọc)

Thêm bộ chọn thứ hai (và thứ ba/vì sao...) vào bộ chọn thứ nhất.

Mô hình:

selector-append("div", ".myInput")

Kết quả: div.myInput

selector-append(".warning", "__a")

Kết quả: .warning__a
selector-extend(selector, extendee, extender)
selector-nest(chọn lọc)

Trả về bộ chọn mới chứa danh sách bộ chọn nhúng CSS từ danh sách cung cấp.

Mô hình:

selector-nest("ul", "li")

Kết quả: ul li

selector-nest(".warning", "alert", "div")

Kết quả: .warning div, alert div
selector-parse(selector)

Trả về danh sách các chuỗi chứa trong bộ chọn bằng định dạng giống với bộ chọn cha.

Mô hình:

selector-parse("h1 .myInput .warning")

Kết quả: ('h1' '.myInput' '.warning')
selector-replace(selector, original, replacement)

Trả về một chọn lọc mới, sử dụng replacement theo chọn lọc đã chỉ định thay thế original theo chọn lọc đã chỉ định.

Mô hình:

selector-replace("p.warning", "p", "div")

Kết quả: div.warning
selector-unify(selector1, selector2)

Trả về một chọn lọc mới, chỉ khớp với selector1 và selector2 cả hai đều khớp với các phần tử.

Mô hình:

selector-unify("myInput", ".disabled")

Kết quả: myInput.disabled

selector-unify("p", "h1")

Kết quả: null
simple-selectors(chọn lọc)

Trở lại chọn lọc Danh sách các chọn lọc trong.

Mô hình:

simple-selectors("div.myInput")

Kết quả: div, .myInput

simple-selectors("div.myInput:before")

Kết quả: div, .myInput, :before