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(선택자) |
두 번째（또는 세 번째/네 번째 등） 선택자를 첫 번째 선택자에 추가합니다. 예제:selector-append("div", ".myInput") 결과：div.myInput selector-append(".warning", "__a") 결과：.warning__a |
| selector-extend(selector, extendee, extender) | |
| selector-nest(선택자) |
제공된 목록을 기반으로 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, 원본, 대체) |
새로운 선택자를 반환합니다. 대체 지정된 선택자를 대체 원본 지정된 선택자. 예제: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(선택자) |
반환 선택자 중의 각 선택자 목록. 예제:simple-selectors("div.myInput") 결과: div, .myInput simple-selectors("div.myInput:before") 결과: div, .myInput, :before |
