SASS
2019.09.19 21:39
Sass Selector Functions
조회 수 204 추천 수 0 댓글 0
| Function | Description & Example |
|---|---|
| is-superselector(super, sub) | Checks whether the super selector matches all the elements that sub matches. Example: is-superselector("div", "div.myInput") Result: true is-superselector("div.myInput", "div") Result: false is-superselector("div", "div") Result: true |
| selector-append(selectors) | Appends the second (and third/fourth etc.) selector to the first selector. Example: selector-append("div", ".myInput") Result: div.myInput selector-append(".warning", "__a") Result: .warning__a |
| selector-extend(selector, extendee, extender) | |
| selector-nest(selectors) | Returns a new selector containing a nested list of CSS selectors based on the list provided. Example: selector-nest("ul", "li") Result: ul li selector-nest(".warning", "alert", "div") Result: .warning div, alert div |
| selector-parse(selector) | Returns a list of strings contained in selector using the same format as the parent selector. Example: selector-parse("h1 .myInput .warning") Result: ('h1' '.myInput' '.warning') |
| selector-replace(selector, original, replacement) | Returns a new selector with the selectors specified in replacement in place of selectors specified in original. Example: selector-replace("p.warning", "p", "div") Result: div.warning |
| selector-unify(selector1, selector2) | Returns a new selector that matches only elements matched by both selector1 and selector2. Example: selector-unify("myInput", ".disabled") Result: myInput.disabled selector-unify("p", "h1") Result: null |
| simple-selectors(selectors) | Returns a list of the individual selectors in selectors. Example: simple-selectors("div.myInput") Result: div, .myInput simple-selectors("div.myInput:before") Result: div, .myInput, :before |
| 번호 | 분류 | 제목 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 41 | SASS | Sass @while | 2019.09.20 | 528 |
| 40 | SASS | Sass @for | 2019.09.20 | 336 |
| 39 | SASS | Sass @each | 2019.09.20 | 302 |
| 38 | SASS | Sass @if and @else | 2019.09.20 | 345 |
| 37 | SASS | Sass Operators | 2019.09.20 | 292 |
| 36 | SASS | Sass Introspection Functions | 2019.09.19 | 294 |
| 35 | SASS | Sass Color Functions | 2019.09.19 | 223 |
| » | SASS | Sass Selector Functions | 2019.09.19 | 204 |
| 33 | SASS | Sass Map Functions | 2019.09.19 | 284 |
| 32 | SASS | Sass List Functions | 2019.09.19 | 296 |
| 31 | SASS | Sass Numeric Functions | 2019.09.19 | 288 |
| 30 | SASS | Sass String Functions | 2019.09.19 | 415 |
| 29 | SASS | Sass @extend | 2019.09.19 | 310 |
| 28 | SASS | Sass @mixin과 @include | 2019.09.19 | 379 |
| 27 | SASS | Sass @import | 2019.09.19 | 351 |
| 26 | SASS | Sass 중첩 규칙과 속성 | 2019.09.19 | 309 |
| 25 | SASS | Sass 변수 | 2019.09.19 | 306 |
| 24 | SASS | Sass 소개 | 2019.09.19 | 340 |
| 23 | SASS | SASS 샘플 | 2019.08.16 | 495 |
| 22 | HTML | ::after ::before 토글 사용 예제 | 2019.06.28 | 570 |
