Sass ฟังก์ชันเลือกตัว
- หน้าก่อน Sass แมป
- หน้าต่อไป 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) |
กลับ selectors รายการของตัวเลือกตัวต่างๆ ใน ตัวอย่าง:simple-selectors("div.myInput") ผลลัพธ์:div, .myInput simple-selectors("div.myInput:before") ผลลัพธ์:div, .myInput, :before |
- หน้าก่อน Sass แมป
- หน้าต่อไป Sass ส่วนตัว