files/en-us/web/api/cssimportrule/supportstext/index.md
{{APIRef("CSSOM")}}
The read-only supportsText property of the {{domxref("CSSImportRule")}} interface returns the supports condition specified by the {{cssxref("@import")}} at-rule.
A string, or null.
The document's single stylesheet contains three {{cssxref("@import")}} rules. The first declaration imports a stylesheet if display: flex is supported. The second declaration imports a stylesheet if the :has selector is supported. The third declaration imports a stylesheet without a supports condition.
The supportsText property returns the import conditions associated with the at-rule.
@import "style1.css" supports(display: flex);
@import "style2.css" supports(selector(p:has(a)));
@import "style3.css";
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`
{{Specifications}}
{{Compat}}