CSSImportRule: supportsText 属性
supportsText
属性是 CSSImportRule
接口的只读属性,它返回由 @import
at-rule 指定的 supports 条件。
值
字符串或 null
。
示例
文档的单个样式表包含三个 @import
规则。第一个声明在 display: flex
受支持时导入样式表。第二个声明在 :has
选择器受支持时导入样式表。第三个声明在没有 supports 条件的情况下导入样式表。
supportsText
属性返回与 at-rule 关联的导入条件。
css
@import url("style1.css") supports(display: flex);
@import url("style2.css") supports(selector(p:has(a)));
@import url("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 |
浏览器兼容性
BCD 表格仅在启用 JavaScript 的浏览器中加载。