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 |
浏览器兼容性
加载中…