CSSImportRule: supportsText 屬性
CSSImportRule 介面中只讀的 supportsText 屬性返回由 @import at-rule 指定的 supports 條件。
值
一個字串，或 null。
示例
文件中唯一的樣式表包含三個 @import 規則。第一個宣告在支援 display: flex 時匯入一個樣式表。第二個宣告在支援 :has 選擇器時匯入一個樣式表。第三個宣告在沒有 supports 條件的情況下匯入一個樣式表。
supportsText 屬性返回與 at-rule 相關的匯入條件。
css
@import "style1.css" supports(display: flex);
@import "style2.css" supports(selector(p:has(a)));
@import "style3.css";
js
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].supportsText); // returns `"display: flex"`
console.log(myRules[1].supportsText); // returns `"selector(p:has(a))"`
console.log(myRules[2].supportsText); // returns `null`
規範
| 規範 |
|---|
| CSS 物件模型 (CSSOM) # dom-cssimportrule-supportstext |
瀏覽器相容性
載入中…